利用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);
}
}
};
();
});
-
国产电影制作的特效与国外的差距在哪里
中国和国外起跑线是不一样的,纵观发展史,虽然中国不停地努力缩小差距,但是技术上仍然落后美国一大截。下面是小编整理的国产电影制作的特效与国外的差距在哪里的相关内容,仅供参考,欢迎大家阅读。迪士尼的《奇幻森林》已经上映有一段时间。从万牛奔腾到随风而动的细...
-
word安全模式修复方法
word安全模式修复今天启动Word时,弹出如下提示:“MicrosoftOfficeWord遇到问题需要关闭。我们对此引起的不便表示抱歉遇到问题需要关闭。您正在处理的信息有可能丢失。MicrosoftOfficeWord可以尝试为您恢复。恢复我的工作并重启MicrosoftOfficeWord。请将此问题...
-
关于网络营销中诚信问题的探讨
现如今,越来越多的现代企业及消费者通过互联网开展业务。然而,诚信缺失已经成为制约网络营销发展的瓶颈,日益引起社会的关注。下面是本站小编为大家搜索整理的关于网络营销中诚信问题的探讨,欢迎参考阅读,希望对大家有所帮助!想了解更多相关信息请持续关注我们应届...
-
公文拟办意见怎么提?
公文办理是机关办公部门的一项重要工作,批办性公文的办理则是公文办理工作的重中之重。写好拟办意见,是批办性公文办理的关键环节和难点所在。怎样才能提好拟办意见?在多年的公文办理实践中,我们从“五个结合”着手,收到了较好效果。1结合来文背景、要求掌握来文内...