二三旧友 - 博客园

2019年11月26日

摘要：一、阿里矢量图的网址：http://iconfont.cn/，截止到发稿共有1,094,241个图标。二、使用：输入自己想找的图标，搜索，例如我搜索home，出现了许多图标 ,将选好你要用的所有图标加入购物车,() 如图：在购物车里是你选好的所有图标: 点击下载代码在你的页面中引入压缩包里的阅读全文

posted @ 2019-11-26 11:02 二三旧友阅读(2264) 评论(0) 推荐(0) 编辑

JavaScript全局变量和局部变量的区别

摘要： <script type="text/javascript"> var a = 1; function hehe() { window.alert(a); var a = 2; window.alert(a); } hehe(); </script> 这是一个令人诧异的结果，为什么第一个弹出框显示的阅读全文

posted @ 2019-11-26 10:44 二三旧友阅读(189) 评论(0) 推荐(0) 编辑

2019年11月23日

H5中input中range类型的美化及其

摘要：目前在开发移动web的时候，使用到了input的range类型，涉及到了美化，那接下来就给大家说一说关于美化的问题1、如何使用滑动条？用法很简单，如下所示：<input type="range" value="0">11各浏览器原始样式如下： Chrome: Firefox: IE 9+: 常用（部阅读全文

posted @ 2019-11-23 13:38 二三旧友阅读(1826) 评论(0) 推荐(0) 编辑

HTML DOM Audio 对象

摘要： Audio 对象方法方法描述addTextTrack() 在音频中添加一个新的文本轨道 canPlayType() 检查浏览器是否可以播放指定的音频类型 fastSeek() 在音频播放器中指定播放时间。 getStartDate() 返回一个新的Date对象，表示当前时间轴偏移量 load() 阅读全文

posted @ 2019-11-23 13:35 二三旧友阅读(249) 评论(0) 推荐(0) 编辑

获取Audio音频的总时长

摘要： let musicDom = document.getElementsByTagName('audio')[0]; // 获取AudioDom节点 musicDom.load();//因为source标签不能直接更改路径，所以整个audio标签必须重新加载一次 musicDom.oncanplay 阅读全文

posted @ 2019-11-23 08:58 二三旧友阅读(4347) 评论(0) 推荐(0) 编辑

jquery倒计时定时器

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery.min.js"></script> <style> .active{font-siz 阅读全文

posted @ 2019-11-23 08:56 二三旧友阅读(1339) 评论(0) 推荐(0) 编辑

js 秒表计时器（开始，停止，清零）

摘要： <html><head><script type="text/javascript">var c=0var tfunction timedCount() { document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount() 阅读全文

posted @ 2019-11-23 08:54 二三旧友阅读(2722) 评论(0) 推荐(0) 编辑

jQuery拖拽功能

摘要： HTML: <div></div> CSS: *{ padding: 0; margin: 0;}div{ width: 100px; height: 100px; background: #f00; cursor: pointer; position: absolute; left: 0; top 阅读全文

posted @ 2019-11-23 08:49 二三旧友阅读(169) 评论(0) 推荐(0) 编辑

2019年11月19日

HTML 音频/视频 DOM play() 方法

摘要： <button onclick="playVid()" type="button">播放视频</button><button onclick="pauseVid()" type="button">暂停视频</button> <br> <video id="video1"> <source src=" 阅读全文

posted @ 2019-11-19 14:30 二三旧友阅读(379) 评论(0) 推荐(0) 编辑

JQ监听滚动条高度

摘要： JQ监听滚动条高度 $(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document 阅读全文

posted @ 2019-11-19 14:29 二三旧友阅读(955) 评论(0) 推荐(0) 编辑