查看演示  website  立即下载 插件描述：jQuery简洁的日历签到插件 采用div+css3设计日历，POST提交签到，jQuery日历签到表，日期签到表， 能每日签到打勾的日历。 更新时间：2021-05-10 01:37:44 //当前日历显示的年份   showYear:2021,    //当前日历显示的月份   showMonth:5,    //当前日历显示的天数   showDays:6,   eventName:”load”,    //初始化日历    init: function(signList) {         calUtil.setMonthAndDay();         calUtil.draw(signList);         calUtil.bindEnvent();     }, draw: function(signList) {         //绑定日历             var str = calUtil.drawCal(calUtil.showYear, calUtil.showMonth, signList);         $(“#calendar”).html(str);         //绑定日历表头             var calendarName = calUtil.showYear + “年” + calUtil.showMonth + “月”;         $(“.calendar_month_span”).html(calendarName);     },     //获取当前选择的年月      setMonthAndDay: function() {         switch (calUtil.eventName) {             case “load”:                 var current = new Date();                 calUtil.showYear = current.getFullYear();                 calUtil.showMonth = current.getMonth() + 1;                 break;             case “prev”:                 var nowMonth = $(“.calendar_month_span”).html().split(“年”)[1].split(“月”)[0];                 calUtil.showMonth = parseInt(nowMonth) – 1;                 if (calUtil.showMonth == 0) {                     calUtil.showMonth = 12;                     calUtil.showYear -= 1;                 }                 break;             case “next”:                 var nowMonth = $(“.calendar_month_span”).html().split(“年”)[1].split(“月”)[0];                 calUtil.showMonth = parseInt(nowMonth) + 1;                 if (calUtil.showMonth == 13) {                     calUtil.showMonth = 1;                     calUtil.showYear += 1;                 } […]

 查看演示  website  立即下载 插件描述：fcode.js是一款web页面九宫格自动锁屏js插件，依赖于jquery，会在设置的范围里，判断用户有无操作，然后执行锁屏的功能。 就一个js文件，配置简单，操作方便，可以锁住任何页面，还支持在手机端的锁屏。 更新时间：2021-05-10 01:47:51 密码是：1235789   Z字型  部分代码： fcode.bgColor = ‘#000’; //背景颜色  fcode.fontColor = ‘#FFF’; //圆环颜色  fcode.lineColor = “#FFF”; //连线的颜色  fcode.lineErrorColor = “#00a254”; //连线错误颜色  fcode.lineSuceessColor = “#cc1c21”; //连线正确颜色  fcode.Debug = true; //用来设置是否禁止F12，鼠标右键  fcode.bgImage = ‘image/login.jpg’; //设置背景图片，优先于背景颜色  <!–这是是锁屏要引入的js,需要放在jquery的后面–>

 查看演示  website  立即下载 插件描述：多种配置的轮播图插件 更新时间：2020-09-03 22:58:15 更新说明：demo修改 更新时间：2020-09-03 16:52:23 <!– 请设置轮播图容器的高度 –> <div id=”vsCarousel” class=”vsCarousel m-show”>     <!– 轮播图元素列表 –>     <ul class=”vsCarousel-wrapper”>         <li class=”vsCarousel-slide”><img src=”https://picsum.photos/id/250/500/200″ alt=”1″></li>         <li class=”vsCarousel-slide”><img src=”https://picsum.photos/id/251/500/200″ alt=”2″></li>         <li class=”vsCarousel-slide”><img src=”https://picsum.photos/id/252/500/200″ alt=”3″></li>     </ul>     <!– 前进后退按钮 –>     <div class=”vsCarousel-button”>         <button class=”vsCarousel-button-prev”></button>         <button class=”vsCarousel-button-next”></button>     </div>     <!– 分页器 –>     <div class=”vsCarousel-page”>         <button class=”vsCarousel-page-play”></button>         <button class=”vsCarousel-page-button” data-index=”1″></button>         <button class=”vsCarousel-page-button” data-index=”2″></button>         <button class=”vsCarousel-page-button” data-index=”3″></button>     </div> </div>

 查看演示  website  立即下载 插件描述：基于部分bootstrap样式，jq实现 更新时间：2021-05-08 00:00:02 按照index注释部分添加或者删除来增减步骤

 查看演示  website  立即下载 插件描述：slick.js 基础改造小红书app轮播效果点击还能像朋友圈放大 更新时间：2021-05-07 23:16:54 html结构 <section class=”photo-slider center slider”>         <div class=”slick-slide”>             <img src=”https://www.jq22.com/img/cs/500×300-1.png”>         </div>         <div class=”slick-slide”>             <img src=”https://www.jq22.com/img/cs/500×300-2.png”>         </div>         <div class=”slick-slide”>             <img src=”https://www.jq22.com/img/cs/500×300-3.png”>         </div> </section 因为我的需求是放大，下面出现数字进程。如果不需要， 这一段删除  $(“.modal_box”).on(‘init’, function(event, slick) {         if (!$(“.slider_counter”).length) {             $slider_counter = $(‘<div />’).addClass(‘slider_counter’)             $slider_current = $(‘<span />’).addClass(‘slider_current’).text(_index + 1);             $slider_counter.append($slider_current);             $slider_counter.append(‘/’);             $slider_counter.append($(‘<span />’).addClass(‘slider_current’).text(slick.slideCount));             $(this).after($slider_counter);         }         // else{         //  $slider_current.text(_index + 1);         // }     })     .on(‘beforeChange’, function(event, slick, currentSlide, nextSlide) {         $slider_current.text(nextSlide + 1);     }); 这一段中 $(“.modal_box”).slick({     arrows: false,     dots: false,     infinite: false,     useCSS: true,     initialSlide: _index, }) dots: false,改成dots: true, 大概就这样吧。 整理出来花了时间。哪里有疑问，欢迎留言沟通。不一定啥时间回…见谅

 查看演示  website  立即下载 插件描述：沉稳大气的jQuery bootstraps响应式加油站公司企业类网站模板

 查看演示  website  立即下载 插件描述：超简洁轻量级jQuery bootstraps响应式博客阅读类网站模板

 查看演示  website  立即下载 插件描述：jQuery表单验证,一套完整的注册界面，简单实用。

 查看演示  website  立即下载 插件描述：这个画板有直线功能，矩形与圆形的绘制 更新时间：2021-05-06 00:21:38

 查看演示  website  立即下载 插件描述：HTML5 canvas支持触摸屏的签名插件jq-signature，是一款基于HTML5 canvas的支持移动触摸设备的在线签名和涂鸦jQuery插件。 使用方法 使用该签名插件要引入jQuery和jq-signature.js文件。 <script src=”jquery/1.11.0/jquery.min.js”></script> <script src=”jq-signature.js”></script> HTML结构 然后可以像下面这样创建一个签名区域。你可以使用HTML5的data-option来传递一些参数。 <div class=”js-signature”      data-width=”600″      data-height=”200″      data-border=”1px solid #1ABC9C”      data-background=”#16A085″      data-line-color=”#fff”      data-auto-fit=”true”> </div> 你可以创建两个操作按钮，分别用于清空画板和保存签名。 <button id=”clearBtn” onclick=”clearCanvas();”>Clear Canvas</button> <button id=”saveBtn” onclick=”saveSignature();” disabled>Save Signature</button> 你可以使用一个空的<div>来显示保存的签名图片。 <div id=”signature”></div> 初始化插件 在页面加载完毕之后使用下面的方法来初始化该签名插件。 $(document).on(‘ready’, function() {   $(‘.js-signature’).jqSignature(); });   function clearCanvas() {   $(‘#signature’).html(‘<p><em>Your signature will appear here when you click “Save Signature”</em></p>’);   $(‘.js-signature’).jqSignature(‘clearCanvas’);   $(‘#saveBtn’).attr(‘disabled’, true); }   function saveSignature() {   $(‘#signature’).empty();   var dataUrl = $(‘.js-signature’).jqSignature(‘getDataURL’);   var img = $(‘<img>’).attr(‘src’, dataUrl);   $(‘#signature’).append($(‘<p>’).text(“Here’s your signature:”));   $(‘#signature’).append(img); }   $(‘.js-signature’).on(‘jq.signature.changed’, function() {   $(‘#saveBtn’).attr(‘disabled’, false); }); 配置参数 下面是该签名插件的一些可用参数，这些参数同时也可以在data-attributes上使用： 参数 描述 Data Attribute 示例 […]