js 功能特效 - 随笔分类 - 13522679763-任国强

js-返回顶部

摘要： <a href="javascript:;" class="backtotop" id="backtotop"> 返回<br>顶部 </a> (function(){ var backtotop = document.getElementById('backtotop 阅读全文

posted @ 2021-12-19 14:15 13522679763-任国强阅读(62) 评论(0) 推荐(0)

js-原生轮播图

摘要：<section class="banner" id="banner"> <ul id="carousel_list" class="carousel_list"> <li> <img src="images/banner1.jpg" alt=""> </li> <li> <img src="ima 阅读全文

posted @ 2021-12-19 14:05 13522679763-任国强阅读(59) 评论(0) 推荐(0)

倒计时抢购案例

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-08-05 14:11 13522679763-任国强阅读(45) 评论(0) 推荐(0)

弹窗插件封装 js插件封装-弹窗组件封装-类型判断-发布订阅

摘要：https://gitee.com/eric167/js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met 阅读全文

posted @ 2021-08-04 18:00 13522679763-任国强阅读(125) 评论(0) 推荐(0)

js-插件封装-树形折叠菜单

摘要：(function () { // 插件核心:OOP的模式，可以创建单独的实例，这样实现私有属性和公有方法的有效管理 class zTree { constructor(element, options) { // init params let self = this, len = argumen 阅读全文

posted @ 2021-08-04 08:54 13522679763-任国强阅读(163) 评论(0) 推荐(0)

Jquery 插件封装

摘要：(function($){ if(!$ || !$.prototype.jquery) throw new ReferenceError('must import jquery'); // 向其原型获取方法 $.fn.extend({ zTree(data,callback){ typeof cal 阅读全文

posted @ 2021-08-03 16:44 13522679763-任国强阅读(50) 评论(0) 推荐(0)

图片懒加载插件封装

摘要：(function(){ function LazyImage(options){ // init params options = options || {}; let defaults = { context:document, attr:'lazy-image', threshold:1, s 阅读全文

posted @ 2021-08-03 14:40 13522679763-任国强阅读(62) 评论(0) 推荐(0)

图片懒加载->无限加载

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device 阅读全文

posted @ 2021-08-03 11:54 13522679763-任国强阅读(56) 评论(0) 推荐(0)

整个页面实现图片懒加载

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device 阅读全文

posted @ 2021-08-03 11:29 13522679763-任国强阅读(152) 评论(0) 推荐(0)

单张图片懒加载案例->两种实现方法

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>单张图片懒加载案例</title> < 阅读全文

posted @ 2021-08-03 10:46 13522679763-任国强阅读(72) 评论(0) 推荐(0)

jquery 实现无限极菜单点开收起

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-08-02 17:08 13522679763-任国强阅读(182) 评论(0) 推荐(0)

dragstart-拖拽-HTML5

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-08-02 14:06 13522679763-任国强阅读(239) 评论(0) 推荐(0)

拖拽实现

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-08-02 14:00 13522679763-任国强阅读(55) 评论(0) 推荐(0)

图片放大镜效果

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-08-02 13:36 13522679763-任国强阅读(56) 评论(0) 推荐(0)

js 睡眠函数 sleep(3) number 间隔秒数

摘要：// js 睡眠函数 sleep(3) number 间隔秒数 function sleep(number){ var now = new Date(); var exitTime = now.getTime() + number * 1000; while (true) { now = new D 阅读全文

posted @ 2021-06-15 15:27 13522679763-任国强阅读(3256) 评论(0) 推荐(0)

动态添加js 和 css

摘要：// 动态添加js function appendJQCDN(src) { var head = document.head || document.getElementsByTagName('head')[0]; if(src.indexOf("js")== -1){ //css var styl 阅读全文

posted @ 2021-05-21 12:23 13522679763-任国强阅读(98) 评论(0) 推荐(0)

pc和移动端图片放大缩小图集支持切换

摘要：// 添加css document.getElementsByTagName('head')[0].innerHTML += '<link href="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" 阅读全文

posted @ 2021-05-21 12:22 13522679763-任国强阅读(122) 评论(0) 推荐(0)

// 数字转换千分位

摘要：// 数字转换千分位 function format(v){ // return (+v).toLocaleString(); const reg = /\d{1,3}(?=(\d{3})+$)/g; return `${v}`.replace(reg,'$&,'); } 阅读全文

posted @ 2021-04-18 22:46 13522679763-任国强阅读(89) 评论(0) 推荐(0)

js 时间戳转日期函数

摘要：export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); 阅读全文

posted @ 2021-02-06 21:52 13522679763-任国强阅读(136) 评论(0) 推荐(0)

js 日历

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-01-23 14:08 13522679763-任国强阅读(102) 评论(0) 推荐(0)

Eric

随笔分类 - js 功能特效

公告