展开菜单

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">...

HTML5实现音频可视化频谱跳动代码插件HTML5_Audio_Visualizer

HTML5实现音频可视化频谱跳动代码插件HTML5_Audio_Visualizer

通过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

老牌滚动时间轴jQuery插件Timelinr

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 – 快速响应!让你的网站与众不同

InstantClick – 快速响应!让你的网站与众不同

InstantClick 是一个很小的 JavaScript 库,使用了 pushState 和 Ajax 技术,这个组合被称为 Pjax。在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面,这样当你点击页面的时候,其实页面已经加载到本地了,呈现当然也就会很快,大大加速你的网站响应速度。 使用示例: ... <script src="instantclick.min.js" data-no-instant></script> &...