查看演示 website 立即下载 插件描述:基于echarts实现的大数据展示页面模板 更新时间:2021-01-09 01:04:23 echart基本使用简单图表 内含echart文档不用下了,简单数据可视
查看演示 website 立即下载 插件描述:文字上下滚动自带翻页功能,可控制滚动数度,滚动方向。 更新时间:2021-01-08 00:07:01 插件使用说明 meuiTextScroll 文字上下滚动自带翻页控件 控件调用方法 第1步,引入控件所需的CSS、JS <link type=”text/css” rel=”stylesheet” href=”assets/css/meui-textScroll.css”> <script src=”https://www.jq22.com/jquery/jquery-1.10.2.js”></script> <script type=”text/javascript” src=”src/meui-textScroll.js”></script><!–meui文字上下滚动–> 第2步,创建DOM节点 <div id=”scrollBox”></div> 第3步,调用控件 $(“#scrollBox”).meuiTextScroll({ content: ”, //自定义滚动区域内容,默认空(可选). 注意:每一行数据HTML代码只能用li标签包裹,不能用其它标签 source: { //数据源,仅当参数content不为空时有效. [ { “title”: “标题信息1”, “description”: “文本内容文本内容”, “pubdate”: “2020-12-15 14:32:21”, “href”: “http://****.com” }, { “title”: “标题信息2”, “description”: “文本内容文本内容”, “pubdate”: “2020-12-15 14:32:21”, “href”: “http://****.com” } ] }, format: [“title”, “description”, “pubdate”, “href”], //自定义数据源字段,数组格式,仅当参数content不为空时有效.(可选). 数组元素分别对应数据源字段:标题, 描述(可选), 发布时间(可选), 链接地址(可选) caption: ‘询价单最新消息’, //区块标题(可选) width: 340, //滚动区域宽(可选) height: 500, //滚动区域高(可选) line: 1, //每次滚动的行数(可选) speed: 500, //滚动速度(毫秒)(可选) timer: 2000, //滚动间隔时间(毫秒)(可选) direction: ‘up’, //滚动方向(可选). up 向上(默认), down 向下 pageBtn: true, //是否显示上下翻页按钮,默认true(可选) up: “but_up”, //向上按钮ID属性名称(可选) down: “but_down” //向下按钮ID属性名称(可选) })
查看演示 website 立即下载 插件描述:简单的js仿360开机小助手弹窗效果
查看演示 website 立即下载 插件描述:1: 最简易的轮播图! 2: 用户可自定义其他功能和样式! 3: 可轮播自定义页面,并非仅轮播图片。 更新时间:2020-06-27 19:21:50 更新说明:在原有轮播的基础上,轮播效果改为无缝连接的交互体验。 更新时间: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插件。 更新时间:2020-06-14 23:22:57 可以实现: 1. 顶部显示浏览进度 2. 滚动到底部刷新数据 3. 埋点动画 4. … 使用方法 1. 引入MyScroll.js文件 2. new MyScroll() 参数: new MyScroll({ “showBar”: true, //是否显示进度条 “color”: “rgb(10, 116, 218)”, //进度条颜色 “height”: “3px”, //进度条高度 “debug”: false, //调试模式 “event”: [ { “height”: “100%”, //触发条件 支持px和百分比 “loop”: true, //是否循环使用 true/false 设置false后执行执行一次后会销毁 “type”: “up-down”, //触发方式 支持up-down down-up all三种方式 “func”: function () { alert(‘我到底部了’) } //触发后执行的方法 },{ “el”: “#testimg”, //支持selector选择器或原生dom “loop”: false, “height”: “200px”, //正值:指定元素出现后向下滑动相应长度触发事件 负值相反 “func”: function () { document.querySelector(“#testimg”).classList = [‘animation1’]; } } ] });
查看演示 website 立即下载 插件描述:jq实现简单的todolist、TODOLIST、常用代码 更新时间:2020-06-11 00:38:01 本地储存满足记事本基本功能,代码注释全。
查看演示 website 立即下载 插件描述:项目上得用一个这样的轮播图,网上也没有合适的好看的,就自己写一个吧 更新时间:2020-06-10 14:09:05 var myMove = new bannerMove({ el: “.bannerBox .banner” }); 这是调用,直接调用就好了,内容如果少于四张会自动复制不全,少于一张会关闭轮播行为
查看演示 website 立即下载 插件描述:响应式的多功能电子商务博客网站模板
查看演示 website 立即下载 插件描述:简洁清爽的jQuery步骤进度 更新时间:2020-06-08 23:15:26 也没啥说的,没找到好用的就自己写了一个扩展特别简单,复制就完事了,增删节点不会影响布局,改变元素大小不会影响布局复制就完事了。
查看演示 website 立即下载 插件描述:简洁的jquery bootstraps响应式电商类网站模板