DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 广东汕头炽盛包装实业有限公司--热转印碳带专业涂帿title> <meta name="keywords" content="炽盛,炽盛包装,汕头包装,汕头炽盛,炽盛实业,汕头碳带,全树脂碳帿铜版纸全树脂碳帿PET全树脂碳帿热转印碳帿热转印标筿单张式吊牌打印朿涂布朿 <meta name="description" content="广东汕头炽盛包装实业有限公司"> <style type="text/css"> a{font-family:微软雅黑, Verdana, Arial, "微软雅黑","宋体", Helvetica, sans-serif;font-size:13px;text-decoration: none;} a:link {color:#000; } a:visited {color:#000; } a:hover {color:#960000;} a:active {color:#000; } body{ background:url(images/index_bg.jpg) center top no-repeat #c9c9c9; margin:0; text-align:center;font:13px 微软雅黑,Verdana,Arial,"微软雅黑","宋体",Geneva, sans-serif; color:#000; line-height:24px} body,html{ height:100%;} ul,li{ list-style:none; margin:0; padding:0;} #loading{ width:100%; height:30px; background:url(images/loading.gif) center center no-repeat; position:absolute; left:0; top:250px; z-index:11;} /*动画内容*/ #box{ position:relative; z-index:9; width:1000px; height:600px; margin:0 auto;} #logo{ position:absolute; width:100%; text-align:center; left:0px; top:68px;} #pattern{ position:absolute; left:495px; top:292px;} #pic1{ position:absolute; left:50px; top:180px;} #tm1{ position:absolute; left:175px; top:300px;} #tm2{ position:absolute; left:326px; top:390px;} #font1{ position:absolute; left:508px; top:264px} #font2{ position:absolute; left:730px; top:300px} #pro{ position:absolute; left:612px; top:366px;} #logo,#pattern,#pic1,#tm1,#tm2,#font1,#font2,#pro{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } /*导航*/ #Menu{position:relative; z-index:10; width:100%; height:20px; margin:40px auto; } #Menu a{ display:inline-block; height:20px; line-height:20px; padding:0 18px; color:#000; font-size:14px;} #Menu a:hover{ color:#d20001;} #Menu i{ display:inline-block; height:12px; line-height:0; font-size:0; border-bottom:#a1a1a1 1px solid; width:32px; vertical-align:top;} /*页脚*/ #foot{ position:relative; z-index:10; margin:0 auto; width:100%; background:#121212; line-height:20px; padding:10px 0;} #foot.bott{ position:absolute; left:0; bottom:0;} #foot,#foot a{color:#7a7a7a; font-size:12px;} #foot a:Hover{ color:#fff;} </style> </head> <body> <div id="loading"></div> <div id="box"> <div id="logo"><img src="images/index_logo.png" width="137" height="110" class="trans" /></div> <div id="pattern"><img src="images/index_pattern.png" width="272" height="87" class="trans" /></div> <div id="pic1"><img src="images/index_pic1.png" width="555" height="267" class="trans" /></div> <div id="tm1"><img src="images/index_tm1.png" width="247" height="188" class="trans" /></div> <div id="tm2"><img src="images/index_tm2.png" width="243" height="186" class="trans" /></div> <div id="font1"><img src="images/index_font1.png" width="341" height="26" class="trans" /></div> <div id="font2"><img src="images/index_font2.png" width="326" height="26" class="trans" /></div> <div id="pro"><img src="images/index_pro.png" width="373" height="140" class="trans" /></div> </div> <div id="Menu"> <i></i><a href="New.asp">中文牿a>|<a href="ENew.asp">ENGLISH</a><i></i> </div> <div id="foot"> COPYRIGHT©: 2014 广东汕头炽盛包装实业有限公司 </div> </body> <SCRIPT type=text/javascript src="Scripts/jquery.js"></SCRIPT> <SCRIPT type=text/javascript src="Scripts/correctPNG.js"></SCRIPT> <script type="text/javascript"> $(window).load(function(){ $("#loading").fadeOut(500); $("#logo").animate({top:"48px",opacity:"1"},1500,function(){ $("#pic1").animate({left:"10px",top:"180px",opacity:"1"},1500); $("#pattern").animate({left:"535px",top:"292px",opacity:"1"},1500); $("#tm1").delay(1000).animate({left:"200px",top:"322px",opacity:"1"},1500); $("#tm2").delay(1000).animate({left:"326px",top:"410px",opacity:"1"},1500,function(){ $("#font1").delay(200).animate({left:"578px",top:"264px",opacity:"1"},1200); $("#font2").delay(200).animate({left:"660px",top:"300px",opacity:"1"},1200); $("#pro").delay(1000).animate({left:"622px",top:"366px",opacity:"1"},1200); }); }); }); /*页脚*/ function resetfoot(){ var windowHeight=$(window).height(); if(windowHeight > 700){ $("#foot").addClass("bott"); }else{ $("#foot").removeClass("bott"); } } $(document).ready(function(){ resetfoot(); }); $(window).resize(function(){ resetfoot(); }); </script> <!--[if IE 6]> <script type="text/javascript" src="Scripts/DD_belatedPNG.js" ></script> <script type="text/javascript"> DD_belatedPNG.fix('.trans'); </script> <![endif]--> </html>