轮播图插件Owl Carousel 2.3.4销毁启用的方法

当浏览器宽度大于768px时不使用Owl Carousel,小于或等于768px就使用Owl Carousel,实现方法。 引用Owl Carousel 2.3.4插件文件 <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/> <script type="text/javascr...
Web前端开发 / / 6027次阅读

jquery绑定,移除,触发关联事件汇总

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作:trigger()方法触发被选元素的指定事件...
Web前端开发 / / 3024次阅读

javaScript移动端touch触摸事件touchstart,touchmove,touchend详解

触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候,其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后,Android上的浏览器也实...
Web前端开发 / / 6144次阅读

JavaScript四舍五入保留小数位的方法toFixed()

toFixed()方法可以把指定数字的小数位数四舍五入后保留指定的位数,如保留两位小数、三位小数。 语法: NumberObject.toFixed(num) NumberObject - 数字对像 num - 要保留的小数位数,是 0 ~ 20 之间的值,包括 0 和 20,如果省略了该参数,将用 0 代替。 返回值: 返回Nu...
Web前端开发 / / 4653次阅读

通过纯css3代码实现六边形边框

最外层boxF旋转120度、第二层boxS旋转-60度、第三层boxT再旋转-60度,此时刚好回正,然后把图片就放在第3层的div背景中。因为前两层div中没有东西,纯粹就是用来旋转得到6边形的,所以对1,2层div设置visibility: hidden; 而第3层div是放图片的,需要显示出来,因此设置visibility: visible; 经过旋转肯定有超出的部分,因此对3个div都设置overflow:hid...
Web前端开发 / / 5597次阅读
通过纯css3代码实现六边形边框

javascript获取当前页面url网址参数信息代码

使用原生js获取web当前页面url网址信息,包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。 1、获取整个URL地址 当前页面:https://www.tddx.net/geturl.html?id=1 var _url = window.location.href; alert(test); 返回值:https://www...
Web前端开发 / / 7269次阅读

javascript document.getElementById("id") is null的原因和解决方法

使用原生javascript document.getElementById('id')获取dom元素时,出现“document.getElementById("id") is null ”的错误。 原因有两种: 第一种是id不存在或 错者拼写错误; 第二种是body还没有加载,此时执行获取dom对象元素代码会报is null的错误。 解决方法: 把javascript代...
Web前端开发 / / 6442次阅读

解决百度分享不支持https的方法

百度分享不支持https,解决方法是把百度分享本地化。 1、下载本地化文本:https://github.com/hrwhisper/baiduShare 2、把解压后的static文件夹上传到网站根目录(要有可访问权限) 3、修改百度分享的js代码,更改前的代码如下: <script>window._bd_share_config={"common":{"b...
Web前端开发 / / 4434次阅读
解决百度分享不支持https的方法

html input file上传控件限制上传文件的类型

type="file"的input上传选择文件默认是所有文件类型都会显示出来,如何限制它只显示设定的文件类型,如.xlsx、.doc、.pdf等后缀文件?办法是给它添加一个accept属性,代码如下: <input id="File1" type="file" accept=".xls,.doc,.txt,.pdf"/> 附支持的文件类型: *.3gpp audio/3gpp, video/3g...
Web前端开发 / / 3530次阅读