jquery验证表单插件出现错误提示，无法提交表单，错误提示如下： Error: Syntax error, unrecognized expression: script:[websiteurl] 该错误出现在jQuery 1.4以后的版本。 解决方法： 编辑submitform_validator.js文件，把代码中的所有script:[websiteurl]修改成script[websiteurl]即可。
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...
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.js可以自定义滚动动条CSS样式和滚动条的位置，支持垂直和水平两个方向的滚动条，支持jQuery mousewheel plugin插件的鼠标滚动效果。 注意：插件应用的HTML必须存在于body文档流内，而且不能为display:none 更多演示：http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html 使用方法： 1、加载css样式文件...
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" ...
当浏览器宽度大于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.infinitescroll.js插件的作用是：随着浏览器窗口滚动，不刷新页面自动加载下一页内容，常用于文章列表页面。常见的手机浏览网站的文章列表，浏览到最后一篇时，自动加载更多的文章出来。 插件官网和下载：https://infinite-scroll.com/ 基本用法 在html文件的<head></head>之间引用插件文件： <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js">...
通过HTML5实现音频可视化的频谱跳动，HTML5_Audio_Visualizer插件效果预览： 插件代码： HTML代码： <canvas id="canvas" width="800" height="350"></canvas> <br/> <audio src="yourmusic.mp3" id="audio" controls>audio element not supported</audio> CSS代码： body {background: #000...
jquery.timelinr.js是一款老牌时间轴插件，可以制作水平和垂直时间轴效果，并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。 引用js文件： <script src="js/jquery-1.x.x.min.js"></script> <script src="js/jquery.timelinr-0.9.x.js"></script> HTML结构： <div id="timeline"> <ul id="dates"> &...
InstantClick 是一个很小的 JavaScript 库，使用了 pushState 和 Ajax 技术，这个组合被称为 Pjax。在访问者点击一个链接之前，鼠标会悬停在链接上面，这两个事件之间通常有200ms~300ms的间隔，InstantClick 利用这个时间间隔预加载页面，这样当你点击页面的时候，其实页面已经加载到本地了，呈现当然也就会很快，大大加速你的网站响应速度。 使用示例： ... <script src="instantclick.min.js" data-no-instant></script> &...
Slidebars是一款能快速又简单的实现移动端应用风格菜单显示和侧边栏的jQuery插件，插件非常小巧，压缩后仅有1.69kb大小，提供完整的API、回调功能等，需要jquery 1.8以上版本的库才可以使用。 官方网站：https://www.adchsm.com/slidebars/ Github：https://github.com/adchsm/Slidebars
Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，兼容包括 IE6、IE7在内的所有浏览器，需要jquery 1.7 及以上版本。Owl Carousel 提供了众多的参数、回调函数及自定义事件，所以它几乎可以满足你的所有要求。它具有一下特点： 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适...