原生web开发
多为JQ时代产物
野克
万物轮回 有始有终 无始无终
展开
-
layui进度条根据变量改变
layui进度条根据变量改变 <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="demo"> <div class="layui-progress-bar layui-progress-num"></div> </div&...原创 2020-02-13 09:44:39 · 1572 阅读 · 0 评论 -
web仿微信支付界面,自定义模拟键盘
web仿微信支付界面,自定义模拟键盘可谓是煞费苦心 还是自己技能不足,不过还是出来了第一板块是html界面 微信支付<link rel="stylesheet" type="text/css" href="css/animate.css"><link rel="stylesheet" type="text/css" href="...原创 2019-11-05 17:42:41 · 6262 阅读 · 6 评论 -
mescroll.js下拉刷新
最近看了一个web的下滑控件:mescroll.js,感觉很给力,目前只看了下滑部分,在此纪录一下需要的同学可以直接搜索mescroll去官网查看即可老规矩 先看效果图:下面是代码部分: <link rel="stylesheet" href="css/mescroll.min.css"> <title>首页</title></head...原创 2019-11-16 16:38:20 · 489 阅读 · 0 评论 -
input type=number时禁止鼠标滚动、上下箭头不能为负数
整理一份相对完整版的输入框 type=‘number’ 时为正整数的操作 <span class="minus">-</span> <input class="inpNum" type="number" value="1"> <span class="add">+</span> // 调...原创 2020-03-13 08:45:46 · 511 阅读 · 0 评论 -
jq多个倒计时 天、时、分、秒
jq倒计时 天、时、分、秒$(function(){ let setTimer = null; let Time = $('.countdown').attr('time');//获取数据(秒数) 或者写死数据如:10 setTimer = setInterval(function () { Time--; timer(Time, setTimer); }, 1000);})...原创 2020-04-01 18:03:15 · 302 阅读 · 0 评论 -
swiper制作抢购轮播、滑动或点击时获取对应的索引
swiper制作抢购轮播、滑动或点击时获取对应的索引先看效果图:介绍:这里只是做了个效果没有做交互,不过效果有了数据直接套就行了,样式表的话就不在这里展示了(你们都会的~)下面的js代码是当点击左右箭头时或者滑动轮播时获取对应的下标当直接点击轮播时获取对应的下标代码中的标注我感觉很明确了html代码: <div class="swiper-container">...原创 2020-02-13 17:05:08 · 1662 阅读 · 0 评论 -
简单的视频、音频播放、Uncaught TypeError: $(...).play is not a function
在H5中 视频音频是不能用直接加载完自动播放的解决方法:一、需要用按钮执行下操作:知识点:js控制媒体play()播放pause()暂停load()重新加载如下例代码: <audio id="aud" src="../images/25a6_b1be_6839_45fbf93c9a2711793f685617c824bdd7.mp3" controls autoplay &g...原创 2020-02-26 10:34:48 · 2702 阅读 · 0 评论 -
web可滑动滑块+对应的输入值滑动
可滑动滑块+对应的输入值滑动最近客户要求当滑动滑块时输入框显示对应的金额,当输入金额时滑块到对应的位置今天拿出来分享下先看下效果图:这是html部分:<ul class="moneyTabs"> <li class="moneyTabsAct"> <div class="moneyInpBox">...原创 2019-11-16 15:14:53 · 898 阅读 · 1 评论 -
js判断页面是否加载完成
js判断页面是否加载完成下面的图片自己可以转化成base64编码的形式,这里因字数太多我改掉了…//获取浏览器页面可见高度和宽度var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientWidth;//计算loading框距离顶部和左部的距离(l...原创 2019-12-20 09:37:30 · 585 阅读 · 0 评论 -
DPlayer.js视频播放插件
DPlayer.js视频播放插件简单的使用主要用到了实现了:视频播放 、监听开始、结束、暂停、播放时间、切换视频官方文档:http://dplayer.js.org效果图:**注意:我是在本地起了个服务,用局域网连接到手机测试,其中苹果手机中,视频的跳转视频位置失效,安卓手机良好,目前没解决…后续有时间会持续更新**代码部分 html: <link rel="styl...原创 2020-04-26 14:57:55 · 7274 阅读 · 0 评论 -
web移动端阻止默认滑动
web移动端防止滑动验证右滑回到上一页web移动端防止滑动验证右滑回到上一页有效方法其效果是防止在进行拖拽事件的时候阻止浏览器的默认事件,然后就OK了 window.ontouchmove=function(e){ e.preventDefault && e.preventDefault(); e.returnValue=false; ...原创 2019-10-29 10:10:37 · 439 阅读 · 0 评论