查看演示  website  立即下载 插件描述：jQuery双色球抽奖代码实现

 查看演示  website  立即下载 插件描述：CSS绘制灯笼动画 更新时间：2020-01-06 21:45:04

 查看演示  website  立即下载 插件描述：1: 最简易的轮播图！ 2: 用户可自定义其他功能和样式！ 3: 可轮播自定义页面，并非仅轮播图片。 更新时间：2020-06-16 09:40:53 使用方法 1:  引入核心 css 和核心 Js <link rel=”stylesheet” href=”./css/swiper.min.css”> <script src=”https://www.jq22.com/jquery/jquery-1.10.2.js”></script> <script src=”./js/swiper.min.js”></script> 注意：此插件依赖jquery，请引入最小的jquery.js 【开发环境的版本】 <link rel=”stylesheet” href=”./css/swiper.css”> 2.13k <script src=”./js/swiper.js”></script> 6.42k 【生产环境的版本】 <link rel=”stylesheet” href=”./css/swiper.min.css”> 1.54k <script src=”./js/swiper.min.js”></script> 2.53k 2: 创建一个容器来存放轮播 <!– 轮播容器 –> <div class=”swiper-container”>    <!– 轮播子项容器 –>   <div class=”swiper-wrapper”>      <!– swiper-item容器中可以写入任何想要轮播的东西，例如：图片，文字，其他代码等等，把最大的操作空间留给开发者 –>     <div class=”swiper-item”><img src=”./images/1.png” alt=”banner”/></div>     <div class=”swiper-item”><img src=”./images/2.png” alt=”banner”/></div>     <div class=”swiper-item”><img src=”./images/3.png” alt=”banner”/></div>   </div> </div> 建议：swiper-item中的自定义代码样式可以新建一个样式文件存放，避免直接修改swiper核心样式文件而导致后期不好维护。 3. 初始化配置 var swiperConfig = {         width: 800,                     // 容器宽度（最小300, 默认800）         height: 300,                    // 容器高度（最小120, 默认300）         speed: 3000,                    // 切换速度         needPrevAndNextBtnGroup: true, // 是否需要前进后退按钮组         needPagination: true           // 是否需要分页器     } 4. 大功告成，开始愉快的玩耍吧。

 查看演示  website  立即下载 插件描述：这里有两个版本，一个高版本，一个低版本，可以设置滚动调的颜色，可以设置是否一直显示滚动条，支持鼠标滚动 js和css配合使用，简单方便，支持滚动条的鼠标滚动，可设置智能显示和长显，可设置滚动条颜色，宽度等样式

 查看演示  website  立即下载 插件描述：鼠标悬停显示六变形矩阵，蜂窝状图片 更新时间：2020-01-02 22:13:12 //页面渲染 var str = ” for (var i = 0; i < 19; i++) {     str += ‘<div >’ +         ‘<div >’ +         ‘<img  src=”./images/amherst.png”>’ +         ‘<span ></span>’ +         ‘<div >内容</div>’ +         ‘</div>’ +         ‘</div>’ }; $(‘.imgBox’).html(str); //显示效果 $(‘.imgBox>.hex’).hover(function(e) {     $(this).parent().find(‘.img’).css(‘opacity’, .2);     $(this).siblings(‘.hex’).find(‘.mark’).hide();     $(this).parent().find(‘.text_box’).hide();     $(this).find(‘.img’).css(‘opacity’, 1);     $(this).find(‘.mark’).show();     $(this).find(‘.text_box’).show();     var domLeft = e.target.offsetParent.offsetLeft;     var domLeft = e.target.x;     var winWidth = document.body.clientWidth;     var markWidth = $(this).find(‘.text_box’).width();     if (winWidth – domLeft <= markWidth) {         $(this).find(‘.text_box’).css({             left: ‘unset’,             right: ‘114%’         });     }; }, function() {     $(this).parent().find(‘.img’).css(‘opacity’, 1);     $(this).parent().find(‘.mark’).hide();     $(this).parent().find(‘.text_box’).hide(); })

 查看演示  website  立即下载 插件描述：jQuery Bootstrap多用途响应式公司、企业类网站模板

 查看演示  website  立即下载 插件描述：基于bootstrap、jQuery的一款表单向导、步骤条插件、已经封装好了 直接拿来用即可 更新时间：2020-06-24 00:06:27  以下是触发的回调函数： onStepChanging: function() { /*步骤更改之前进行验证，默认验证结果是true*/         // alert(‘步骤变更前触发’);         return true;     },     onStepChanged: function() { /*步骤后变更后  触发的函数   */         return true;         // return false;         // alert(‘步骤变更后触发’);     },     onFinishing: function() { /*点击 提交 前 触发的函数，默认验证结果是false */         return true;         // alert(‘提交前触发’);         // return false;/*验证结果*/     },     onFinished: function() { /*点击 提交 后触发的函数*/         alert(‘提交’);     }

 查看演示  website  立即下载 插件描述：移动端手机app租汽旅行类网站模板

 查看演示  website  立即下载 插件描述：jQuery div拖拽排序，拥有一个以上的div就可以实现拖拽排序功能 更新时间：2020-06-22 23:38:12 只需要将插件下载下来，引入里面包装函数就可以使用了。代码里面还详细写了代码注释，可以很快帮你理解插件并且使用插件。

 查看演示  website  立即下载 插件描述：简洁大气的jquery bootstraps响应式房屋建筑设计类网站模板