頂部緩沖下拉菜單導(dǎo)航特效的JS代碼
<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)文章
QQ跳轉(zhuǎn)支付寶并自動領(lǐng)紅包腳本(最新)
這篇文章主要給大家分享介紹了一個(gè)QQ跳轉(zhuǎn)支付寶并自動領(lǐng)紅包腳本,這個(gè)腳本應(yīng)該是最新的,測試后是可以使用的,文中給出了完整的示例代碼和使用方法,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06JavaScript頁面模板庫handlebars的簡單用法
本文主要是給大家分享的一個(gè)javascript頁面模板庫Handlebars的簡單用法,可以幫助大家輕松的構(gòu)建語義化模板,非常的實(shí)用,推薦給大家。2015-03-03基于javascript的在火狐里面強(qiáng)制換行字符
火狐也不知道為什么,自己功能上,樣式上面,都無法讓其強(qiáng)制換行,這里用JS來實(shí)現(xiàn)火狐里面強(qiáng)制換行的方法。2010-06-06js獲取鼠標(biāo)點(diǎn)擊的對象,點(diǎn)擊另一個(gè)按鈕刪除該對象的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取鼠標(biāo)點(diǎn)擊的對象,點(diǎn)擊另一個(gè)按鈕刪除該對象的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05