</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- nav --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">บริษัท วีเท็น อินเตอร์เนชั่นแนล ( ไทยแลนด์ ) จำกัด</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="top-nav-right navbar-right"> <ul> <li id="fat-menu" class="dropdown"> <a class="dropdown-toggleglyphicon glyphicon glyphicon-globe" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a> <ul class="dropdown-menu" aria-labelledby="drop3"> <li><a id="StranLink" name="StranLink">繁體</a></li> </ul> </li> <li class="glyphicon glyphicon-search" data-toggle="modal" data-target=".bs-example-modal-lg-search" aria-hidden="true"></li> </ul> </div> <!-- logo --> <a href="/" class="navbar-brand text-center"><img src="/upload/images/201702/14873855036562.jpg" class="img-responsive" alt="บริษัท วีเท็น อินเตอร์เนชั่นแนล ( ไทยแลนด์ ) จำกัด" /></a> <!-- logo end --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen active"><a href="/">หน้าแรก</a></li> <li class="oen"> <a href="list_1.htm">เกี่ยวกับเรา</a> </li> <li class="oen dropdown"> <a href="list_3.htm" data-toggle="dropdown" data-submenu="">ผลิตภัณฑ์<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="บรรจุภัณฑ์พลาสติกประเภทอ่อน" href="list_8.htm">บรรจุภัณฑ์พลาสติกประเภทอ่อน</a> </li> <li> <a title="ถุงไดคัทติดฝาจุก" href="list_15.htm">ถุงไดคัทติดฝาจุก</a> </li> </ul> </li> <li class="oen"> <a href="list_14.htm">ลักษณะผลิตภัณฑ์</a> </li> <li class="oen dropdown"> <a href="list_2.htm" data-toggle="dropdown" data-submenu="">ข่าวบริษัท<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="ข่าวบริษัท" href="list_9.htm">ข่าวบริษัท</a> </li> <li> <a title="ข่าวบรรจุภัณฑ์" href="list_13.htm">ข่าวบรรจุภัณฑ์</a> </li> </ul> </li> <li class="oen"> <a href="list_5.htm">ติดต่อเรา</a> </li> </ul> <div class="navbar-right user-panel"> </div> </div> </div> </nav> <div class="clearall"></div> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="first-slide" src="/upload/images/201702/14878350834688.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.vtenpack.com" role="button">Know More</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/upload/images/201702/14878304159844.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="www.vtenpack.com" role="button">Know More</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/upload/images/201702/14878321458594.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="www.vtenpack.com" role="button">Know More</a></p> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><!-- /.carousel --> <!-- Large modal --> <div class="clearall"></div><div class="blank30"></div> <div class="title"> <div class="container"> <h3><a href="list_3.htm" title="ผลิตภัณฑ์">ผลิตภัณฑ์</a></h3> <p>products</p> </div> </div> <div class="container"> <div id="owl-demo" class="owl-carousel"> <div class="item"> <a title="ผลิตถุงอาหารแมว" target="_blank" href="show_80.htm" class="img-auto"> <img alt="ผลิตถุงอาหารแมว" src="/upload/images/202406/17193673359457.jpg" class="img-responsive" data-src="/upload/images/202406/17193673359457.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงอาหารแมว" target="_blank" href="show_80.htm"><h4>ผลิตถุงอาหารแมว<small>ถุงอาหารแมว</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงอาหารแมวเปียก" target="_blank" href="show_79.htm" class="img-auto"> <img alt="ผลิตถุงอาหารแมวเปียก" src="/upload/images/202406/17193669937963.jpg" class="img-responsive" data-src="/upload/images/202406/17193669937963.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงอาหารแมวเปียก" target="_blank" href="show_79.htm"><h4>ผลิตถุงอาหารแมวเปียก<small>ถุงอาหารแมวเปียก</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงซิปล็อคซีล8ด้าน" target="_blank" href="show_78.htm" class="img-auto"> <img alt="ผลิตถุงซิปล็อคซีล8ด้าน" src="/upload/images/202311/17001226843449.png" class="img-responsive" data-src="/upload/images/202311/17001226843449.png" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงซิปล็อคซีล8ด้าน" target="_blank" href="show_78.htm"><h4>ผลิตถุงซิปล็อคซีล8ด้าน<small></small></h4></a> </div> <div class="item"> <a title="ผลิตถุงฟอยด์ก้นตั้ง" target="_blank" href="show_76.htm" class="img-auto"> <img alt="ผลิตถุงฟอยด์ก้นตั้ง" src="/upload/images/202207/16579574441859.jpg" class="img-responsive" data-src="/upload/images/202207/16579574441859.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงฟอยด์ก้นตั้ง" target="_blank" href="show_76.htm"><h4>ผลิตถุงฟอยด์ก้นตั้ง<small>ผลิตถุงฟอยด์ก้นตั้ง</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงก้นตั้ง" target="_blank" href="show_75.htm" class="img-auto"> <img alt="ผลิตถุงก้นตั้ง" src="/upload/images/202207/16579572699672.jpg" class="img-responsive" data-src="/upload/images/202207/16579572699672.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงก้นตั้ง" target="_blank" href="show_75.htm"><h4>ผลิตถุงก้นตั้ง<small>ผลิตถุงก้นตั้ง</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงรีทอร์ท" target="_blank" href="show_74.htm" class="img-auto"> <img alt="ผลิตถุงรีทอร์ท" src="/upload/images/202207/16579568776242.jpg" class="img-responsive" data-src="/upload/images/202207/16579568776242.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงรีทอร์ท" target="_blank" href="show_74.htm"><h4>ผลิตถุงรีทอร์ท<small>ผลิตถุงรีทอร์ท</small></h4></a> </div> <div class="item"> <a title="โรงงานผลิตซองติดจุก,ซองจุก" target="_blank" href="show_73.htm" class="img-auto"> <img alt="โรงงานผลิตซองติดจุก,ซองจุก" src="/upload/images/202207/16579566221962.jpg" class="img-responsive" data-src="/upload/images/202207/16579566221962.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="โรงงานผลิตซองติดจุก,ซองจุก" target="_blank" href="show_73.htm"><h4>โรงงานผลิตซองติดจุก,ซองจุก<small>ซองติดจุก,ซองเครื่องสำอาง</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงติดฝาจุก" target="_blank" href="show_72.htm" class="img-auto"> <img alt="ผลิตถุงติดฝาจุก" src="/upload/images/202311/17001231923976.jpg" class="img-responsive" data-src="/upload/images/202311/17001231923976.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงติดฝาจุก" target="_blank" href="show_72.htm"><h4>ผลิตถุงติดฝาจุก<small>ผลิตถุงติดฝาจุก</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงก้นตั้ง" target="_blank" href="show_71.htm" class="img-auto"> <img alt="ผลิตถุงก้นตั้ง" src="/upload/images/202311/17001233883734.jpg" class="img-responsive" data-src="/upload/images/202311/17001233883734.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงก้นตั้ง" target="_blank" href="show_71.htm"><h4>ผลิตถุงก้นตั้ง<small>ถุงซักผ้า</small></h4></a> </div> <div class="item"> <a title="ผลิตถุงติดฝาจุก" target="_blank" href="show_70.htm" class="img-auto"> <img alt="ผลิตถุงติดฝาจุก" src="/upload/images/202106/16240903147314.jpg" class="img-responsive" data-src="/upload/images/202106/16240903147314.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ผลิตถุงติดฝาจุก" target="_blank" href="show_70.htm"><h4>ผลิตถุงติดฝาจุก<small>ผลิตถุงติดฝาจุก</small></h4></a> </div> <div class="item"> <a title="ถุงก้นตั้ง" target="_blank" href="show_69.htm" class="img-auto"> <img alt="ถุงก้นตั้ง" src="/upload/images/202106/16240897505858.jpg" class="img-responsive" data-src="/upload/images/202106/16240897505858.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="ถุงก้นตั้ง" target="_blank" href="show_69.htm"><h4>ถุงก้นตั้ง<small>ถุงก้นตั้งซอส</small></h4></a> </div> <div class="item"> <a title="โรงงานผลิตซองครีม ซองติดจุก" target="_blank" href="show_68.htm" class="img-auto"> <img alt="โรงงานผลิตซองครีม ซองติดจุก" src="/upload/images/202106/16240891489661.jpg" class="img-responsive" data-src="/upload/images/202106/16240891489661.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="โรงงานผลิตซองครีม ซองติดจุก" target="_blank" href="show_68.htm"><h4>โรงงานผลิตซองครีม ซองติดจุก<small>ซองติดจุก</small></h4></a> </div> </div> </div> <script src="/template/default/skin/js/owl.carousel.min.js"></script> <script> $(document).ready(function() { $("#owl-demo").owlCarousel({ items : 4, lazyLoad : true, navigation : true }); }); </script> <div class="blank30"></div> <div class="bg_1 pa5 mb30 index-2"> <div class="title"> <div class="container"> <h3><a href="list_2.htm" title="ข่าวบริษัท">ข่าวบริษัท</a></h3> <p>news</p> <div class="url_1"> <a href="list_9.htm" title="ข่าวบริษัท">ข่าวบริษัท</a> <a href="list_13.htm" title="ข่าวบรรจุภัณฑ์">ข่าวบรรจุภัณฑ์</a> </div> </div> </div> <div class="container"> <script type="text/javascript"> function tab_m(obj,name) { var p = obj.parentNode.getElementsByTagName("li"); var p1 = document.getElementById(name).getElementsByTagName("div"); for(i=0;i<p1.length;i++) { if(obj==p[i]) { p[i].className = "s"; p1[i].className = "dis"; } else { p[i].className = "#"; p1[i].className = "undis"; } } } </script> <div class="col-sm-6 tabbox" id="tabbox"> <div class="dis" onclick="('tab',1)"> <a style="color:;" href="show_64.htm"><img src="" width="485" height="290"></a> </div> <div onclick="('tab',1)"> <a style="color:;" href="show_27.htm"><img src="/upload/images/201702/14879050185156.png" width="485" height="290"></a> </div> <div onclick="('tab',1)"> <a style="color:;" href="show_9.htm"><img src="/upload/images/201507/14360854145721.jpg" width="485" height="290"></a> </div> </div> <!--/tabbox--> <ul class="col-sm-6 tabnav"> <li class="s" onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>ข่าวบรรจุภัณฑ์</strong> <div> <h5><span class="hidden-sm">2019-03</span><a style="color:;" href="show_64.htm" class="hover" title="ชนิดบรรจุภัณฑ์"><font style="color:;">ชนิดบรรจุภัณฑ์</font></a></h5> <p>1.CENTER SEAL (ซองซีลกลาง)ซองซีลกลาง มีล</p> </div> </li> <li onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>ข่าวบริษัท</strong> <div> <h5><span class="hidden-sm">2017-02</span><a style="color:;" href="show_27.htm" class="hover" title="อุปกรณ์ในโรงงาน"><font style="color:;">อุปกรณ์ในโรงงาน</font></a></h5> <p></p> </div> </li> <li onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>ข่าวบรรจุภัณฑ์</strong> <div> <h5><span class="hidden-sm">2017-01</span><a style="color:;" href="show_9.htm" class="hover" title="วัสดุถุงบรรจุภัณฑ์ที่ใช้กันทั่วไป"><font style="color:;">วัสดุถุงบรรจุภั</font></a></h5> <p> OPP/CPPOPP/PEPET/CPPPET/PEBOPP/CPP…</p> </div> </li> </ul> <!-- tabnav --> <div class="clear"></div> <div class="row list_1"> </div> <div class="blank30"></div> </div> <!-- w_set --> </div> </div> <div class="title"> <div class="container"> <h3><a href="list_1.htm" title="เกี่ยวกับเรา">เกี่ยวกับเรา</a></h3> <p>about</p> </div> </div> <div class="container pa20"> <div class="i_about"> <div class="i_about_banner"> <center><a href="list_1.htm" title=""><img src="/upload/images/201506/guanyu.jpg" alt="" /></a></center> </div> <div class="i_about_text"> <p> โรงงานได้ตั้งขึ้นมาในปี 2005 มีพื้นที่ 8000 ตารางเมตร เป็นผู้เชี่ยวชาญในการผลิต การวิจัยและพัฒนาถุงบรรจุภัณฑ์ด้วยประสบการณ์ 11 ปี ได้แก่ ถุงสูญญากาศ ถุงฟอยด์ ถุงก้นตั้ง ถุงซิปล็อค </p> </div> <div class="i_about_text_pic"> <div class="row"> </div> </div> </div> </div> <div class="title"> <div class="container"> <h3><a href="list_5.htm" title="ติดต่อเรา">ติดต่อเรา</a></h3> <p>contact</p> </div> </div> <div class="blank30"></div> <div class="container index4" style="z-index:7; position:relative; "> <div class="col-md-4 col-sm-6"> <dl class="ico_tel"> <dt>Tel</dt> <dd>02-050-4830</dd> </dl> <dl class="ico_qq"> <dt>Online Customer Service</dt> <dd> <div class="clear"></div> </dd> </dl> <dl class="ico_add"> <div class="blank20"></div> <dt>Address</dt> <dd> 559/45 หมู่ 7 ถ.บางพลี ต.บางพลีใหญ่ อ.บางพลี จ.สมุทรปราการ 10540</dd> </dl> <dl class="ico_weixin"> <dt>ADD LINE ID CONSULTING PRODUCTS</dt> <dd> <br> <br> <img src="/upload/images/201809/15357669923769.png" width="170" onerror='this.src="/images/nopic.gif"' /> </dd> </dl> </div> <div class="col-md-4 col-sm-6"> <h3 class="t_3"></h3> <ul class="list_2"> </ul> <div class="blank30"></div> <div class="vote"> </div> </div> <div class="clearfix visible-xs-block"></div> <div class="col-md-4"> <h3 class="t_3"><a rel="nofollow" title="Message" href="/index.php?case=guestbook&act=index" target="_blank">Hello Sayhell,Welcome You To Give Us A Question</a></h3> <div class="blank10"></div> <form method="post" action="/index.php?case=guestbook&act=index" name="form1" class="form_message"> <div>Full Name<span>Name</span></div> <input name="nickname" id="nickname" value="" class="guestbook_input" /> <div>Title<span>Title</span></div> <input type="text" name="title" id="title" value="" class="guestbook_input" /> <div>Email<span>Emali</span></div> <input name="guestemail" id="guestemail" value="" class="guestbook_input" /> <div>Contact Phone<span>Tel</span></div> <input name="guesttel" id="guestetel" value="" class="guestbook_input" /> <div>Content<span>Content</span></div> <textarea name="content" class="guestbook_textarea"></textarea> <input type='text' id="verify" tabindex="3" name="verify" /> <img src="/index.php?case=tool&act=verify" id="checkcode" onclick="this.src='/index.php?case=tool&act=verify&id='+Math.random()*5;" style="cursor:pointer;" alt="点击刷新验证码" align="absmiddle"/> <div class="blank20"></div> <input type="submit" name="submit" value="Submission" class="guestbook_btn"> </form></div> </div> <div class="title"> <div class="container"> <h3>Link</h3> <p>links</p> </div> </div> <dl class="container"> <dd class="f_link"> </dd> <dd class="f_link"> </dd> </dl> <div class="blank30"></div> Powered by <a href="http://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a><!-- 页底 --> <div class="foot"> <div class="container"> <div class="row"> <div class="col-sm-5"> <dl class="foot_left"> <dd> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <input type="text" name="keyword" value="Please Enter The Query Information! " onfocus="if(this.value=='Please Enter The Query Information! ') {this.value=''}" onblur="if(this.value=='') this.value='Please Enter The Query Information! '" class="s_text" /> <input name='submit' type="submit" value="" align="middle" class="s_btn" /> </form> </dd> <dd class="blank20"></dd> <form name="listform" id="listform" action="/index.php?case=archive&act=email" method="post"> <dd> <input type="text" name="email" id="email" value=" Mail Subscription " onfocus="if(this.value==' Mail Subscription ') {this.value=''}" onblur="checkEmail(this)" class="s_text" /> <input type="submit" align="absmiple" name='submit' value=" " class="s_btn" /> </dd> </form> </dl> </div> <div class="col-sm-2"> <dl class="foot_qr_codes"> <dd><img width="150" src="/index.php?case=tool&act=qrcode" /></dd> <dd>ScanningVisitMobile Version</dd> </dl> </div> <div class="col-sm-5"> <dl class="copyrights"> <dd>Copyright © <a title="บริษัท วีเท็น อินเตอร์เนชั่นแนล ( ไทยแลนด์ ) จำกัด" href="/">บริษัท วีเท็น อินเตอร์เนชั่นแนล ( ไทยแลนด์ ) จำกัด</a></dd> <dd><script src='http://pw.cnzz.com/c.php?id=1261480951&l=2' language='JavaScript' charset='utf-8'></script> Powered by <a href="http://www.vtenpack.com" title="VTEN" target="_blank">VTEN</a></dd> <dd><a rel="nofollow" href="http://www.miibeian.gov.cn/" rel="nofollow" target="_blank">TH2017217</a></dd> <dd></dd> </dl> </div> </div> <div class="row"> <div class="col-md-5"> Popular Keywords： <a href="/index.php?case=archive&act=search&keyword=&ule=1"></a> <a href="/index.php?case=archive&act=search&keyword=2121121121212.1&ule=1">2121121121212.1</a> <a href="/index.php?case=archive&act=search&keyword=ORDER+BY+1-25-25+uDUb&ule=1">ORDER BY 1%% uDUb</a> <a href="/index.php?case=archive&act=search&keyword=ORDER+BY+1-25-25+aIhf&ule=1">ORDER BY 1%% aIhf</a> <a href="/index.php?case=archive&act=search&keyword=ORDER+BY+1-25-25+TSAj&ule=1">ORDER BY 1%% TSAj</a> <a href="/index.php?case=archive&act=search&keyword=ORDER-2BBY-2B1-25-25-2BaIhf&ule=1">ORDER+BY+1%%+aIhf</a> <a href="/index.php?case=archive&act=search&keyword=ORDER-2BBY-2B1-25-25-2BuDUb&ule=1">ORDER+BY+1%%+uDUb</a> <a href="/index.php?case=archive&act=search&keyword=ORDER-2BBY-2B1-25-25-2BaIhf&ule=1">ORDER+BY+1-25-25+aIhf</a> <a href="/index.php?case=archive&act=search&keyword=ORDER-2BBY-2B1-25-25-2BTSAj&ule=1">ORDER+BY+1-25-25+TSAj</a> <a href="/index.php?case=archive&act=search&keyword=ORDER-2BBY-2B1-25-25-2BuDUb&ule=1">ORDER+BY+1-25-25+uDUb</a> </div> </div> </div> </div> <!--/footer--> <!-- search --> <div class="container-fluid"> <div class="modal fade bs-example-modal-lg-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="row"> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <div class="col-lg-1"></div> <div class="col-lg-10"> <div class="input-group"> <input type="text" name="keyword" class="form-control" placeholder="Please Enter The Query Information! "> <span class="input-group-btn"> <button class="btn btn-default" name='submit' type="submit">Go!</button> </span> </div> </div> <div class="col-lg-1"></div> </form> </div> </div> </div> </div> <!-- search end --> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> <style type="text/css"> #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; } .top_bar { position:fixed; bottom:0; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; } .plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/template/default/skin/images/wao/plug.png'); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; } .plug-menu:before { font-size:20px; margin:9px 0 0 9px; } .plug-menu:checked { -webkit-transform:rotate(135deg); } .top_menu>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; } .top_menu>li>a label{ display:none; } .top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(-0, -100px) rotate(720deg); } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(-47px, -81px) rotate(720deg); } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(-81px, -45px) rotate(720deg); } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(-100px, 0) rotate(720deg); } #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; } </style> <div class="top_bar" style="-webkit-transform:translate3d(0,0,0)"> <nav> <ul id="top_menu" class="top_menu"> <input type="checkbox" id="plug-btn" class="plug-menu themeStyle" style="background-image:url('/template/default/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:02-050-4830"><img src="/template/default/skin/images/wap/plugmenu1.png"><label>Tel</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:093-827-4830"><img src="/template/default/skin/images/wap/plugmenu3.png"><label>Short Message</label></a> </li> <li class="themeStyle out" style="background:"> <a href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" id="btn_fenxiang"><img src="/template/default/skin/images/wap/plugmenu5.png"><label>QQ</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/default/skin/images/wap/plugmenu6.png"><label>Message</label></a> </li> </ul> </nav> </div> <div id="plug-wrap" style="display: none;" ></div> <script> $(function(){ $(".plug-menu").click(function(){ var li = $(this).parents('ul').find('li'); if(li.attr("class") == "themeStyle on"){ li.removeClass("themeStyle on"); li.addClass("themeStyle out"); }else{ li.removeClass("themeStyle out"); li.addClass("themeStyle on"); } }); }); </script> </div> <script type="text/javascript" src="/js/common.js"></script> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/template/default/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/template/default/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/template/default/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/template/default/skin/js/bootstrap-submenu.js"></script> <script src="/template/default/skin/js/docs.js"></script> <!--[if lt IE 9]><!--> <script src="/template/default/skin/js/ie/html5shiv.min.js"></script> <script src="/template/default/skin/js/ie/respond.min.js"></script> <![endif]--> </body> </html>