JavaScript
千变小黑
这个作者很懒,什么都没留下…
展开
-
echarts实现百分比进度图表展示(两种风格)
类型一:完整圆环型效果图代码示例function PercentPie(option){ this.backgroundColor = option.backgroundColor||'#ffffff'; this.color = option.color||['#4ea2eb','#e1e2e1']; this.fontSize = option.fontSize||12; this.dom原创 2021-05-17 17:15:39 · 2101 阅读 · 0 评论 -
H5纯js实现右滑返回功能,兼容安卓IOS
/* * 获取事件冒泡路径,兼容ie11,edge,chrome,firefox,safari * @param evt * @returns {*} */ function eventPath(evt) { const path = (evt.composedPath && evt.composedPath()) || evt.path, ta.原创 2021-02-27 15:44:18 · 1231 阅读 · 2 评论 -
基于HTML5的手势图案解锁js插件(支持修改图案密码、关闭/打开图案密码、自定义最大尝试次数、尝试次数过多后等待时间、解锁完成后回调)
H5lockPlus基于开源代码优化完善而成,支持修改图案密码、关闭/打开图案密码;支持多账号分别存储图案密码;可自定义最大尝试次数、尝试次数过多后等待时间、解锁完成后回调;示例图片How to use?(请到chrome浏览器开发者工具进行调试)<script type="text/javascript" src="src/H5lock.js">&...原创 2020-04-14 17:04:04 · 751 阅读 · 0 评论 -
JS实现网站声音提示,兼容IE与chrome,附谷歌chrome浏览器无法自动播放声音解决方法
function playSound(){ var borswer = window.navigator.userAgent.toLowerCase(); if(!!window.ActiveXObject || "ActiveXObject" in window){ //IE内核浏览器 var strEmbed = '<embed ...原创 2020-01-09 10:40:23 · 5035 阅读 · 0 评论 -
Angular中使用纯JS(不使用jQuery)和CSS实现多位数的数字纵向滚动抽奖(自适应任何屏幕)
总体思路将每个数字的 background-position-y 分别进行设置,用数组进行储存y值,通过 transition 实现数字滚动效果,最终将数字的 background-position-y 固定。通过计时器不断判断y值是否与最终固定值一致,如果一致说明已抽完奖。核心代码$scope.choujiang = function(){ if(isB...原创 2019-01-30 16:17:04 · 441 阅读 · 0 评论 -
JS实现APP中常见的Tab点击切换和隐藏标签页(纵向,可自适应屏幕)
示意图实现效果点击非活动tab标签会隐藏当前的活动tab页,并显示刚点击的tab页内容;向下滚动时标题栏会一直浮动于屏幕最上方。 JS代码window.onload=function(){ var toTop = new Array(); var queSize = new Array(); for(i=1;i<=4;i++){ ...原创 2019-01-30 16:40:17 · 1913 阅读 · 0 评论