当前目录: jquery制作
基于jquery写一个swiper手机轮播滑块插件

2020年1月3日  jquery制作   

pc 手机 pc 轮播 事件 touch demo 链接: https://pan.baidu.com/s/1oNZkIb821rxO42c0VHQEBg 提取码: 42kg html布局 真正滑动的只有红色区域。       js事件 pc需要 mousedown 鼠标按下事件 mousemove 鼠标移动事件 mouseup 鼠标抬起事件   移动端需要 touchstart / touchmove / touchend     js获取坐标 JQuery写法: $('#id').on('touchstart',function(e) { var _touch = e.originalEvent.targetTouches[0]; var _x= _touch.pageX; }); $('#id').on('touchmove',function(e) { var _touch = e.originalEvent.targetTouches[0]; var _x= _touch.pageX; }); $('#id').on('touchend',function(e) { var _touch = e.originalEvent.changedTouches[0]; var _x=...

解决:js换算百分比的总和相加不为100%的问题

2018年11月14日  jquery制作,前端资源   

js 相加 相减 结果 余数 图表 环形 数字 算数 做项目时候,后台会提供一段数据,前端需要把数据转换成百分之,即是把单个值除以它们的总和,但是每个值按照这样的思路计算后发现有可能换算成的百分值在相加并不等于100%。 如下图: 每个百分比的值相加只等于98%,这结果是不合理的。   解决思路就是:把剩下最后一个大于0的值用100减去前几个百分比的总和。 如下图: 为了减少误差,保留了2位小数。   注意js在进行加减运算时,可能会有点问题,如: 0.2+0.3=0.500000001 //正确应该是0.5 或者 100-51.12=48.8799999 //正确应该是48.88 遇到这种问题我一般解决方法是: 例如  (Math.round( (100-51.12)*100 ))/100 //结果就是48.88   最终封装方法: per_arry([0,0,0,0,0,42.32,1]); //传入要转化...

推荐:倒计时

2018年10月18日  jquery制作,wordpress教程   

网上找了很多倒计时的插件,感觉代码有点冗余。也有比较好的插件,但是同时一个页面出现多个倒计时的时候就比较麻烦,这里自己写一个简单的倒计时 (注意:js的settimeout、setinterval方法做的倒计时,时间久了就会有误差。解决方法是设置几分钟后独自刷新按钮)   方式解决办法:意思大概就是设置每隔多少分钟后在重新请求一下后台接口,从某一个时间点在开始倒计时(本人没测试过) setInterval(function () { document.title=++num; run(); },5000); run(); function run() { //解压后,将代码放进去 }     time_down https://www.jb51.net/article/83071.htm       网上别人写的,可以参考: function TimeDown(id, endDateStr) { //结束时间 ...

基于jquery自定义日历

2017年11月3日  jquery制作,前端资源   

js jquery 日历 日期 https://pan.baidu.com/s/1o8cGhg2 https://www.xgllseo.com/wp-content/uploads/2017/11/js_rili.rar   dom遍历完成后开始插入数据: //遍历当月每一次 for(var i=1;i<=new Date(year, mon, 0).getDate();i++){ //标记出当日 if( datatime.getFullYear()+'-'+(datatime.getMonth()+1)+'-'+datatime.getDate()==year+'-'+mon+'-'+i ) { $(dom).append('<div class="day current_day">' + i + '</div>') }else{ $(dom).append('<div class="day">'+i+'</div>') } //等待所有.day的dom加完完成后开始用ajax插入数据 if(i==new Date(year, mon, 0).getDate()){ $.ajax({ type:'GET'...

基于jquery开发的侧边目录导航

2017年6月5日  jquery制作,前端资源   

js 侧边栏 悬浮 目录 导航 目录 悬浮 效果如图: 下载:nav_lit