![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
erdouzhang
这个作者很懒,什么都没留下…
展开
-
点击隐藏汉堡菜单、单页面导航插件—jquery.singlePageNav.min.js、
单页面导航插件,就是当你点击导航条或者侧边导航的时候,页面会自动上下移动到你所点击的内容区域。1. html页面引入插件在index.html页面引入jquery.singlePageNav.min.js插件。<script src="lib/jquery.singlePageNav.min.js"></script>2.找到导航条列表我的导航条是类.nav,也可以给ul添加一个id值id="nav原创 2017-03-09 14:58:48 · 6457 阅读 · 2 评论 -
动画插件—animate.css
下载插件:animate下载1. 页面引入插件在你的index.html页面中引入这两个文件<link rel="stylesheet" href="lib/animate/animate.css"> <script src="lib/animate/wow.min.js"></script>2.写js代码在js中写下面这句:$(function(){ //动画效果 new原创 2017-03-09 15:32:52 · 1533 阅读 · 0 评论 -
事件mouseenter与mouseover
1.mouseover与mouseoutmouseover与mouseout:鼠标经过时会触发多次,每遇到一个子元素就会触发一次。 所以如果有2个或3个子元素,那么动画就会出现来回晃动现象。2.mouseenter与mouseleavemouseenter与mouseleave:鼠标经过时只触发一次。 所以如果实现动画效果,一般使用mouseenter与mouseleave,这样动画不会出现晃动原创 2017-03-28 16:15:46 · 343 阅读 · 0 评论 -
jQuery笔记1 — hide、show、toggle、css、选择器
1. hide()、show()、toggle() hide()隐藏内容:$('.box').hide(); hide()添加时间:$('.box').hide(1000);含义:用1s隐藏。 消失后再显示:$('.box').hide(1000).show(2000);含义:先1s消失,然后再用2s显示。 展现和隐藏切换:$('.box').toggle(); 2.CSS() 添加一个CSS样式:原创 2017-03-14 09:46:27 · 1152 阅读 · 0 评论