利用JQuery動畫實現滑動菜單項效果的步驟及代碼
效果:
點擊第二個菜單項後出現一個向上滑動的動畫,控制margin-top底部另一個div中的文字
上移從而替換掉原有的文字。
原理其實不難無非就是css的控制加之jquery的代碼
對docemnt中所有li綁定一個hover事件,事件中根據鼠標的狀態(無非是移入與移除),
使用animate的.動畫方式使原有的div向上移70px,移出時再將頁面效果變回原有的樣子。
代碼如下:
複製代碼 代碼如下:
$(function () {
var webNav = {
val: {
target: 0
},
init: function () {
$(" ul li")("hover", r);
},
hover: function (e) {
if ($(this)x() == et) { return };
if ( == "mouseenter") {
$(this)("a>p")(true, true)ate({ "margin-top": "-70px" }, 300);
} else if ( == "mouseleave") {
$(this)("a>p")(true, true)ate({ "margin-top": "0px" }, 300);
}
}
};
();
});
-
萬惡的function在javascript中的運用實例分析
javascript中最有特色而又讓你困惑的function算一個了下面看一下常用操作複製代碼代碼如下:functiondoit(){.....}doit();javascript中的函數我們可以把它當作方法使用複製代碼代碼如下:varobj=newObject();=function(){.....}();而function實際上就是對象(即F...
-
關於JavaScript中繼承的深入理解
JavaScript中我們可以藉助原型實現繼承。例如functionbaz(){="";}functionfoo(){}otype=newbaz();varmyFoo=newfoo();;這樣我們就可以訪問到baz裏的屬性oo啦。在實際使用中這個樣不行滴,由於原型的共享特點(數據保存在了堆上),所有實例都使用一個原型,一但baz的屬性...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...
-
python批量生成本地ip地址的方法是什麼
python批量生成本地ip地址的方法是什麼呢?本文實例講述了python批量生成本地ip地址的方法。分享給大家供大家參考。具體分析如下:...