展开菜单

实现IE10/IE11支持object-fit属性的插件bideo.js

实现IE10/IE11支持object-fit属性的插件bideo.js

在响应式网页开发中 object-fit 属性是极为常用的一个css属性,遗憾的是IE浏览器全系列都不支持 object-fit 属性,但是可以借助bideo.js插件实现 IE10 和 IE11 对 object-fit 的支持。 PS:不支持 IE9 和 Edge 插件下载:https://github.com/rishabhp/bideo.js 插件使用 HTML代码: <!-- 引入插件 --> <script src="bideo.js"></script> <!...

实现fullpage.js插件横向滑块slide自动轮播效果

实现fullpage.js插件横向滑块slide自动轮播效果

fullpage插件的slide横向滑块不能设置自动轮播,如果要使slide自动轮播可以使用fullpage插件的moveSlideRight()方法或moveSlideLeft()配合js的setInterval()实现。 代码 setInterval(function(){ $.fn.fullpage.moveSlideRight(); },5000); 或 setInterval(function(){ $.fn.fullpage.方法或moveSlideLeft(); },5000); 如果还想实现鼠标悬停...

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

使用jQuery模仿淘宝移动端APP中,添加收货地址时选择所在地区的省、市、区、县街道四级联动的选择效果。 效果如下图: 原插件:https://www.jq22.com/jquery-info21567 下面是把代码优化过后的版本。 1、把下面代码保存为areaSelect.js文件: var first_char; var listArr = []; var provinceArr = []; var province = ''; var city = ''; var county = ''; var ...

jquery判断鼠标上下滚动插件jquery.mousewheel.js

mousewheel.js是一个delta规范化、跨浏览器监听鼠标上下滚动的jquery插件,支持IE6+、Firefox、Chrome、Safari浏览器。 通过mousewheel.js插件可以判断鼠标滚轮是向上还是向下滚动、往左还是往右滚动,插件支持mousewheel和unmousewheel,通俗地理解即启用插件功能和关闭插件功能的意思。 插件Github主页:https://github.com/jquery/jquery-mousewheel 使用插件功能: 方式一:使用on调用 // using on $('#el...

点击复制链接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...