亚洲视频在线二区,韩曰欧美视频免费观看,jiujiure精品视频播放

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery仿http://www.oussay.com/的flash導航</title> </head> <style> *{ margin:0; padding:0;} .con{ height:40px; width:100%; overflow:hidden; position:relative; background:#9fc;} .nav_u{ height:26px; font:22px/26px "宋體"; font-style:italic; font-weight:bold; color:#333; position:relative;} .nav_d{ height:14px; font:12px/12px "宋體"; color:#333; position:relative;} .pos{position:relative; left:200px;} .con a{ text-decoration:none; display:block; color:#666} .nav_ub{ width:100%; height:26px; position:absolute; top:0px; background:#fff;} .nav_db{ width:100%; height:14px; position:absolute; bottom:0px; background:#fff;} </style> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){ $(".con").prepend('<div id="gvwhb6n" class="nav_ub"></div><div id="k0dcm4b" class="nav_db"></div>') $(".con").hover(function(){ $(this).children(".nav_ub").stop().animate({top:-26},300); $(this).find(".pos").stop().animate({left:220},250); $(this).children(".nav_db").stop().animate({bottom:-14},300); $(this).find(".pos").stop().animate({left:220},250); },function(){ $(this).children(".nav_ub").stop().animate({top:0},300); $(this).find(".pos").stop().animate({left:200},250); $(this).children(".nav_db").stop().animate({bottom:0},300); $(this).find(".pos").stop().animate({left:200},250); }); }) </script> <body> <div id="9m59twm" class="con"> <div id="q8sx4y0" class="nav_u"><a class="pos" href="#">AAAAA</a></div> <div id="voe5l1s" class="nav_d"><a class="pos" href="#">aaaaa</a></div> </div> <div id="mostgni" class="con"> <div id="naz746e" class="nav_u"><a class="pos" href="#">BBBBB</a></div> <div id="fdifvpf" class="nav_d"><a class="pos" href="#">bbbbb</a></div> </div> <div id="xi84jx3" class="con"> <div id="dskp5bb" class="nav_u"><a class="pos" href="#">CCCCC</a></div> <div id="voc5kzz" class="nav_d"><a class="pos" href="#">ccccc</a></div> </div> <div id="s0h4hxw" class="con"> <div id="6p0yk3f" class="nav_u"><a class="pos" href="#">AABBCC</a></div> <div id="68fyhqj" class="nav_d"><a class="pos" href="#">aabbcc</a></div> </div> <p><br /> jquery仿www.oussay.com的flash導航<br /> <br /> </p> <p>注意：由于jquery文件是外部調用，比較慢，如預覽有問題，請刷新頁面或保存代碼到本地查看。 <br /> <br /> </p> <p>＊尊重他人勞動成果，轉載請自覺注明出處！注：此代碼僅供學習交流，請勿用于商業用途。</p> </body> </html>