頂部緩沖下拉菜單導(dǎo)航特效的JS代碼
更新時(shí)間：2013年08月27日 15:44:44 作者：
這篇文章介紹了頂部緩沖下拉菜單導(dǎo)航特效的JS代碼，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
您可能感興趣的文章:
- js實(shí)現(xiàn)前端界面導(dǎo)航欄下拉列表
- JS中用三種方式實(shí)現(xiàn)導(dǎo)航菜單中的二級下拉菜單
- 原生JS實(shí)現(xiàn)導(dǎo)航下拉菜單效果
- JS+CSS實(shí)現(xiàn)簡單的二級下拉導(dǎo)航菜單效果
- JS 實(shí)現(xiàn)導(dǎo)航菜單中的二級下拉菜單的幾種方式
- javascript仿京東導(dǎo)航左側(cè)分類導(dǎo)航下拉菜單效果
- js+div+css下拉導(dǎo)航菜單完整代碼分享
- javascript實(shí)現(xiàn)帶下拉子菜單的導(dǎo)航菜單效果
- 基于JS快速實(shí)現(xiàn)導(dǎo)航下拉菜單動畫效果附源碼下載
- JavaScript實(shí)現(xiàn)HTML導(dǎo)航欄下拉菜單
相關(guān)文章
這篇文章主要介紹了js如何判斷對象數(shù)組中是否存在某個對象問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
使用multiple可以實(shí)現(xiàn)select多選，本例將為大家介紹下select多選 multiple的使用，新手朋友們可以學(xué)習(xí)下2014-06-06
這篇文章主要介紹了JS如何獲取URL中的Query參數(shù)問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了webpack v4 從dev到prd的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
今天，復(fù)習(xí)了一下JavaScript的數(shù)組，然后，把他的一些奇葩行為總結(jié)了一下，分享在腳本之家平臺，歡迎大家參考2016-01-01
跟我學(xué)習(xí)javascript的prototype原型和原型鏈
跟我學(xué)習(xí)javascript的prototype原型和原型鏈，感興趣的小伙伴們可以參考一下2015-11-11
解決js相同的正則多次調(diào)用test()返回的值卻不同的問題
今天小編就為大家分享一篇解決js相同的正則多次調(diào)用test()返回的值卻不同的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了微信小程序 css使用技巧總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-01-01
JavaScript調(diào)用COM傳遞數(shù)組時(shí)，在COM接口端，接收到的是VARIANT類型對象，如array，該對象的vt類型VT_DISPATCH，因此其值表示的是一個IDispatch類型的指針。2009-11-11
本文主要分享了原生js實(shí)現(xiàn)回復(fù)評論功能的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01