展开菜单

点击复制链接jQuery插件clipboardjs

clipboardjs插件可以实现点击文本复制到剪贴板的效果,常见的应用有点击复制链接。clipboardjs插件小巧简单,压缩后仅有11KB大小,且没有过多的配置,不依赖Flash以及任何臃肿的框架,且兼容性好,基本支持目前主流的PC端和手机端浏览器,如IE9+、Chrome 42+、Edge 12+、Firefox 41+、Opera 29+、Safari10+ 插件官方: 1、插件下载 https://github.com/zenorocha/clipboard.js/releases 2、使用示例: 示例一 ...

jquery插件owl.carousel.js实现时间轴切换效果的发展历程

jquery插件owl.carousel.js实现时间轴切换效果的发展历程

owl carousel是款响应式的轮播图插件,功能完善,参数丰富,使用该插件可以实现各种轮播切换效果,比如时间轴型的公司发展历程。效果如下: 下面代码基于jquery-3.3.1和Owl Carousel v2.3.4版本实现,插件文件可以在GitHub下载。 Github主页:https://github.com/OwlCarousel2/OwlCarousel2 1、引入插件文件: <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" m...

免费可商业商品图片放大镜jquery插件zoomsl.js

免费可商业商品图片放大镜jquery插件zoomsl.js

俄罗斯的一款商品图片放大镜jquery插件,类似于淘宝商品在鼠标悬停上去,右侧显示细节放大镜窗口。zoomsl插件兼容IE8+、Chrome 1+、Firefox 2+、safari 2+浏览器。商业许可及个人许可均免费。 插件官网:http://zoomsl.sergeland.ru/ 演示下载:http://zoomsl.sergeland.ru/example/ 插件教程 基础应用 HTML代码结构: <img class="my-foto" src="/images/image1-sma...

jquery.form.js错误$.handleError is not a function的解决方法

使用jquery.form.js插件,提交表单的时间,提示错误$.handleError is not a function的错误,完整错误如下: TypeError: $.handleError is not a function jquery.form.js:339:7 错误原因: $.handleError存在于jQuery-1.4.2之前的版本中,jQuery-1.4.2之后的版本废弃了$.handleError 解决方法: 1、把jquery.js库换成1.4.2之前的版本。(不推荐该方法) 2、在...

jquery表单验证插件submitform_validator.js报错误script:[websiteurl]的Error解决方法

jquery验证表单插件出现错误提示,无法提交表单,错误提示如下: Error: Syntax error, unrecognized expression: script:[websiteurl] 该错误出现在jQuery 1.4以后的版本。 解决方法: 编辑submitform_validator.js文件,把代码中的所有script:[websiteurl]修改成script[websiteurl]即可。

简单的日历记事本jQuery插件e-calendar(带样式美化)

简单的日历记事本jQuery插件e-calendar(带样式美化)

e-calendar是记录或设置指定日期事件的一款jQuery插件,类似于工作备忘录的功能。 Github主页:https://github.com/jhonis/e-calendar 使用教程: 1、引入e-calendar插件 <script src="js/jquery.min.js"></script> <!--这是jQuery库文件--> <script src="js/jquery.e-calendar.js"></script> <!--这是e-ca...

响应式全屏滚动翻屏jquery插件FullPage.js常用参数中文文档

FullPage.js是用于创建全屏滚动效果的网站的jquery插件,也就是常见的单页网站或单屏网站。FullPage插件支持鼠标滚动、键盘控制;支持手机、平板触摸事件;提供多个回调函数,响应式结构,能自适应窗口大小。 Github主页:https://github.com/alvarotrigo/fullPage.js 演示:https://alvarotrigo.com/fullPage/ 使用方法: 1、引入插件样式文件和js文件 <script type="text/javascript" src="../jquer...

最好用的自定义滚动条样式jquery插件mCustomScrollbar

最好用的自定义滚动条样式jquery插件mCustomScrollbar

通过jquery滚动条插件mCustomScrollbar.js可以自定义滚动动条CSS样式和滚动条的位置,支持垂直和水平两个方向的滚动条,支持jQuery mousewheel plugin插件的鼠标滚动效果。 注意:插件应用的HTML必须存在于body文档流内,而且不能为display:none 更多演示:http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html 使用方法: 1、加载css样式文件...

js插件:自动生成二维码的javascript库QRCode.js

QRCode.js是一个用于生成二维码的javascript库,通过获取DOM标签再使用HTML5的Canvas绘制而成,不依赖任何库(如jQuery)。QRCode.js支持IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile等浏览器。 使用方法: 1、下载地址:https://github.com/davidshimjs/qrcodejs 2、引用qrcode.js文件: <script type="text/javascript" ...

轮播图插件Owl Carousel 2.3.4销毁启用的方法

当浏览器宽度大于768px时不使用Owl Carousel,小于或等于768px就使用Owl Carousel,实现方法。 引用Owl Carousel 2.3.4插件文件 <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/> <script type="text/javascript" src="owl.carousel.min.js"></script> 调用代码: $(window).on('re...

页面滚动无限加载jQuery插件jquery.infinitescroll.js使用说明

jquery.infinitescroll.js插件的作用是:随着浏览器窗口滚动,不刷新页面自动加载下一页内容,常用于文章列表页面。常见的手机浏览网站的文章列表,浏览到最后一篇时,自动加载更多的文章出来。 插件官网和下载:https://infinite-scroll.com/ 基本用法 在html文件的<head></head>之间引用插件文件: <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js">...