jquery模仿flash导航
来源：互联网 发布：floyd算法输出路线 编辑：程序博客网 时间：2024/05/11 14:14
<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 class="nav_ub"></div><div 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 class="con">
<div class="nav_u"><a class="pos" href="#">AAAAA</a></div>
<div class="nav_d"><a class="pos" href="#">aaaaa</a></div>
</div>
<div class="con">
<div class="nav_u"><a class="pos" href="#">BBBBB</a></div>
<div class="nav_d"><a class="pos" href="#">bbbbb</a></div>
</div>
<div class="con">
<div class="nav_u"><a class="pos" href="#">CCCCC</a></div>
<div class="nav_d"><a class="pos" href="#">ccccc</a></div>
</div>
<div class="con">
<div class="nav_u"><a class="pos" href="#">AABBCC</a></div>
<div class="nav_d"><a class="pos" href="#">aabbcc</a></div>
</div>
<p><br />
供稿：<a href="mailto:wusong__1986@163.com">SD_night</a> 首发：<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></p>
<p><br />
jquery仿www.oussay.com的flash导航<br />
<br />
</p>
<p>注意：由于jquery文件是外部调用，比较慢，如预览有问题，请刷新页面或保存代码到本地查看。
<br />
<br />
</p>
<p><script type="text/javascript" src="http://d.lanrentuku.com/goto/js-preview-728x90.js"></script></p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
</body>
</html>
http://soundcloud.com/user569741708/kiqberpwnjblhttp://soundcloud.com/user569741708/qp0wvdrqqknzhttp://soundcloud.com/user569741708/0ztshspudh6lhttp://soundcloud.com/user569741708/s3kact8yz0wshttp://soundcloud.com/user569741708/mclchlm7vuqshttp://soundcloud.com/user569741708/rsbwwvtzkafwhttp://soundcloud.com/user569741708/enl2wzlu1bknhttp://soundcloud.com/user569741708/vaxpwdf33qtdhttp://soundcloud.com/user569741708/uncezmqnycq4http://soundcloud.com/user569741708/yyjpxzbndnrshttp://soundcloud.com/user569741708/dngtt9tyko5qhttp://soundcloud.com/user569741708/cfwbhidanquyhttp://soundcloud.com/user569741708/znhz4gbe2ma7http://soundcloud.com/user569741708/8xigc2rwpqxnhttp://soundcloud.com/user569741708/frzkk287uqtvhttp://soundcloud.com/user569741708/0kkrzifg1uyghttp://soundcloud.com/user569741708/jqyw23rlvvqbhttp://soundcloud.com/user569741708/b4ssjpn0a4ydhttp://soundcloud.com/user569741708/7jadjglkjr3fhttp://soundcloud.com/user569741708/ogsxomfcnrq1http://soundcloud.com/user569741708/xivknnanaquxhttp://soundcloud.com/user569741708/e87joxmuondehttp://soundcloud.com/user569741708/cfu1f0bdbrgohttp://soundcloud.com/user569741708/oweyw0sfftiwhttp://soundcloud.com/user569741708/4ir5bl9rn8bbhttp://soundcloud.com/user569741708/ou1oeixapliehttp://soundcloud.com/user569741708/jvbadz29vkn2http://soundcloud.com/user569741708/t4qnteiich0qhttp://soundcloud.com/user569741708/qnkzoxnlivsxhttp://soundcloud.com/user569741708/sgdf9jvuzemjhttp://soundcloud.com/user569741708/gnaq0uzpeddwhttp://soundcloud.com/user569741708/wz5jgulr4zuvhttp://soundcloud.com/user569741708/dxko8hcyvksxhttp://soundcloud.com/user569741708/yqzgt8pbnbulhttp://soundcloud.com/user569741708/fhvw3wuafcbwhttp://soundcloud.com/user569741708/w7z45fvjbdc3http://soundcloud.com/user569741708/7lc58sk3pqerhttp://soundcloud.com/user569741708/jske7xqkryfghttp://soundcloud.com/user569741708/citrxy0tgd3ahttp://soundcloud.com/user569741708/8l3dxaccf13phttp://soundcloud.com/user569741708/neeyokx0hnt8http://soundcloud.com/user569741708/m4bzgdfuywdehttp://soundcloud.com/user569741708/8okmedheyunrhttp://soundcloud.com/user569741708/9xllat1rkwnchttp://soundcloud.com/user569741708/zppgbtvh9eifhttp://soundcloud.com/user569741708/rncxbq6hflfihttp://soundcloud.com/user569741708/tsjtlmzpsfidhttp://soundcloud.com/user569741708/sahovvg47lwrhttp://soundcloud.com/user569741708/9al1plxaa9nuhttp://soundcloud.com/user569741708/2own2y5lraxuhttp://soundcloud.com/user569741708/b9aaivfuyyyshttp://soundcloud.com/user569741708/xitml0dhii5nhttp://soundcloud.com/user569741708/qjm1vdv01tklhttp://soundcloud.com/user569741708/wvnjdrihqh1khttp://soundcloud.com/user569741708/6fitdng2k33ehttp://soundcloud.com/user569741708/tjvascn6iahohttp://soundcloud.com/user569741708/ugzk2ncids6khttp://soundcloud.com/user569741708/nqbanagg6fejhttp://soundcloud.com/user569741708/hgqf4i2myclmhttp://soundcloud.com/user569741708/j80d8gvz5nxbhttp://soundcloud.com/user569741708/iwy2yladd58fhttp://soundcloud.com/user569741708/z9irmxzhkw1rhttp://soundcloud.com/user569741708/yfvdgmufddufhttp://soundcloud.com/user569741708/uj4iorgby2dchttp://soundcloud.com/user569741708/wrle2qnquz3shttp://soundcloud.com/user569741708/xbsret0hxshxhttp://soundcloud.com/user569741708/u0fyvojsap7zhttp://soundcloud.com/user569741708/jc8rwyti8944http://soundcloud.com/user569741708/lqqvtie5lyx2http://soundcloud.com/user569741708/wxlackqr08kphttp://soundcloud.com/user569741708/oi4gghawiwoihttp://soundcloud.com/user569741708/fmdaaef6ihcbhttp://soundcloud.com/user569741708/8lo9fejas7fdhttp://soundcloud.com/user569741708/jlihpxkg6j6chttp://soundcloud.com/user569741708/017obwv9rmkahttp://soundcloud.com/user569741708/apyow3i2vqy9http://soundcloud.com/user569741708/ihnkhlsc3uwfhttp://soundcloud.com/user569741708/hnjc2aiaseejhttp://soundcloud.com/user569741708/shj6vldxmaqjhttp://soundcloud.com/user569741708/z1yl9n1jyv9whttp://soundcloud.com/user569741708/do0ua6tuz88xhttp://soundcloud.com/user569741708/gefnjnr4kk7thttp://soundcloud.com/user569741708/5jnp80ckcchbhttp://soundcloud.com/user569741708/7zetrefqtdiahttp://soundcloud.com/user569741708/la4dsbqyc1a1http://soundcloud.com/user569741708/lobjrguahyx1http://soundcloud.com/user569741708/itp9asvy3umnhttp://j.renren.com/album/1308310943483250215http://j.renren.com/album/1308310944133887885http://j.renren.com/album/1308310944595256691http://j.renren.com/album/1308310945291498635http://j.renren.com/album/1308310945550393917http://j.renren.com/album/1308310946256159878http://j.renren.com/album/1308310947036730069http://j.renren.com/album/1308310947386515391http://j.renren.com/album/1308310948219807130http://j.renren.com/album/1308310949006734708http://j.renren.com/album/1308310949393673918http://j.renren.com/album/1308310950097388502http://j.renren.com/album/1308310950375753438http://j.renren.com/album/1308310951057641117http://j.renren.com/album/1308310951282800546http://j.renren.com/album/1308310951550242216http://j.renren.com/album/1308310952355294436http://j.renren.com/album/1308310953044835143http://j.renren.com/album/1308310954069063976http://j.renren.com/album/1308310954363408310http://j.renren.com/album/1308310955090420601http://j.renren.com/album/1308310955430366450http://j.renren.com/album/1308310956109058187http://j.renren.com/album/1308310956396482356http://j.renren.com/album/1308310957133368480http://j.renren.com/album/1308310957504317015http://j.renren.com/album/1308310958338498288http://j.renren.com/album/1308310959049202481http://j.renren.com/album/1308310959407504593http://j.renren.com/album/1308311000269614941http://j.renren.com/album/1308311000590727026http://j.renren.com/album/1308311001560844212http://j.renren.com/album/1308311003435169948http://j.renren.com/album/1308311004161262717http://j.renren.com/album/1308311004421486075http://j.renren.com/album/1308311005277747573http://j.renren.com/album/1308311005582166579http://j.renren.com/album/1308311006321120028http://j.renren.com/album/1308311007026602818http://j.renren.com/album/1308311007352183632http://j.renren.com/album/1308311008461334783http://j.renren.com/album/1308311009152359486http://j.renren.com/album/1308311010096863698http://j.renren.com/album/1308311018401286902http://j.renren.com/album/1308311019106963618http://j.renren.com/album/1308311019440061285http://j.renren.com/album/1308311020083887405http://j.renren.com/album/1308311020347696717http://j.renren.com/album/1308311022520552333http://j.renren.com/album/1308311024169994264http://j.renren.com/album/1308311024520246336http://j.renren.com/album/1308311025266093740http://j.renren.com/album/1308311025580448742http://j.renren.com/album/1308311026252219747http://j.renren.com/album/1308311026547991672http://j.renren.com/album/1308311027264439869http://j.renren.com/album/1308311028154708628http://j.renren.com/album/1308311028571842076http://j.renren.com/album/1308311030374157185http://j.renren.com/album/1308311031173803644http://j.renren.com/album/1308311031572337441http://j.renren.com/album/1308311032370460961http://j.renren.com/album/1308311033039495931http://j.renren.com/album/1308311033373118507http://j.renren.com/album/1308311033586856407http://j.renren.com/album/1308311034280446572http://j.renren.com/album/1308311035213367143http://j.renren.com/album/1308311035489116585http://j.renren.com/album/1308311038047922434http://j.renren.com/album/1308311039154523967http://j.renren.com/album/1308311038431697043http://j.renren.com/album/1308311039411264631http://j.renren.com/album/1308311040121936199http://j.renren.com/album/1308311040450054464http://j.renren.com/album/1308311041271673302http://j.renren.com/album/1308311041571691930http://j.renren.com/album/1308311042317454553http://j.renren.com/album/1308311043318439520http://j.renren.com/album/1308311044050949106http://j.renren.com/album/1308311044370193400http://j.renren.com/album/1308311045025260772http://j.renren.com/album/1308311045357075112http://j.renren.com/album/1308311046038170535http://j.renren.com/album/1308311046334238679http://j.renren.com/album/1308311047086479038
