jQuery教程

首页>前端教程>jQuery教程

自定义一个简单的jQuery插件,掌握套路!

虽然现在jQuery只在老项目中使用了,但是这个曾经辉煌一时,解决了很多浏览器兼容性问题,拯救了大部分程序员头发的库,还是非常伟大的,它的思想还值得学习。这里分享一个自定义jQuery插件的小案例,以后遇到需要剥离出来的代码,就可以通过这种方式完成。点击舞台产生随机的图形,可以自由配置几个参数。自定...

kalendae.js强大的可以多选日期的日历纯js插件

最近做一个小项目,需要用到多选日期,筛选了好一番,最终还是觉得kalendae.js这个不依赖jQuery的插件挺好用的。具体效果可以点开demo查看:华信智原教师签课时系统页面这个插件不仅可以多选日期,还可以选择某个范围,还可以按周来选,纯js代码,不依赖任何框架,兼容性好,值得推荐。有需要的朋友...

带缩略图的产品放大镜jquery插件

有学生要仿电商网站,需要一个带缩略图的产品放大镜的插件,我觉得这个还不错,推荐给大家。这个插件有好几种效果,但是在初始化插件的时候,把几种效果的初始化放在一个js文件里面了,所以我专门做了一个案例,提取了一个效果,可供大家参考。效果演示案例下载链接:https://pan.baidu.com/s/1...

jquery插件推荐:Unslider超小的轮播,支持鼠标经过停止播放和响应式

图片轮播插件有很多,今天发现自己网站的幻灯片鼠标经过不能停止播放,还没有看清楚banner上的内容呢,就播放下一张图片了,很是郁闷。就想着能不能找一个鼠标经过停止播放的轮播插件呢,无意间发现站酷的轮播banner图就是可以停止的,然后翻了一下它的源码,发现了一个名字叫Unslider的js文件,百度...

jQuery插件推荐:fullpage强大的全屏滚轮效果,太强大!

全屏滚动结合css3动画,可以实现非常大气炫酷的效果,特别适合产品介绍、专题页等。推荐一个fullpage插件,功能强大,几乎可以包括所有全屏滚动的效果。动图效果如图:插件展示插件下载链接:http://pan.baidu.com/s/1mimNNZy 密码:1tf2主要功能有:支持鼠标滚动支持前进...

jQuery插件推荐:功能超全的图片灯箱效果,缩放、全屏、缩略图等都有!

用过很多lightbox和fancybox等图片灯箱效果,今天这款插件几乎包括你所有的想象,简直就是大而全的灯箱效果。特别适合用来做相册。效果图如下:插件演示插件下载链接:http://pan.baidu.com/s/1pLqf7cB 密码:484xlightGallery是一款轻量级、可定制、响应...

纯js实现单页面锚点之间页面滑动效果,可以设置偏移值哟!

网上很多页面滑动都是满屏滑动效果,但是有时候不需要满屏滑动,而是想滑动到哪里就滑动到哪里,可以自由设置滑动的位置,那么这个纯js脚本可以满足这个要求,关键是可以设置偏移值,太美好了。smooth-scroll.js是一款轻量级的纯JS页面锚链接平滑过渡插件。通过该锚链接插件,可以在点击页面的锚链接时...

jQuery插件推荐:功能强大的水平垂直选项卡插件!

选项卡是非常实用的插件,同一个地方可以放好多不同的内容,通过切换选项实现对应容器的内容显示,其它内容隐藏,可谓是实现小空间大内容的神器。这里推荐一个拥有水平垂直两种方式的选项卡,功能强大,可以自己定制效果。默认的事件是鼠标点击,可以改成鼠标经过事件。动图效果:插件演示插件下载链接:http://pa...

jQuery插件推荐:简单实用的返回到顶部插件!

返回到顶部几乎是一个网站的标配,不过对于一个小型的网站来说,太过复杂花哨的插件反而不实用。这里推荐一个插件,随着滚动条滚动出现按钮,到了一定的页面深度后,透明度降低,页面滚动效果平滑,简单实用。动图效果:插件演示插件下载链接:http://pan.baidu.com/s/1bWnqwA 密码:0qf...

jQuery插件推荐:三种菜单导航显示和隐藏的插件,平滑好用!

有时候希望随着滚动条的滚动,实现导航菜单平滑的显示或者隐藏,这里推荐一个插件,可以实现三种菜单导航的显示和隐藏效果,实践用下来发现很棒,关键是运动非常平滑,可以实现三种不同的方式,几乎可以满足不同网站的需求。效果如图:插件演示   插件下载:链接:http://pan.baidu...
Top