html5 canvas实现背景鼠标连线动态效果代码解析
很流行的动态背景连线特效。下面的代码是作者在扒下来的代码上进行整理和注释，很适应参考学习。
效果截图：
效果演示：https://jc1144096387.github.io/canvas_nest/
作者地址：https://blog.csdn.net/u013556477/article/details/82819785
HTML代码（测试代码）:
<!...
chrome浏览器jquery点击事件click元素出现黄色边框的解决方法
chrome浏览器下，使用jquery click()点击事件，被点击的元素会出现黄色边框：
解决方法：
给被点击的元素添加:focus的css代码：（如被点击的元素是element，代码如下
element:focus {
outline:none;
}
或
element:focus {
outline:0;
}...
jQuery获取background-image属性url值的方法
jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url，要获取背景图片属性background-image中图片路径的值，可以通过split()或replace()获取。
方法一：
var _bk = $('.bgImg').css('backgroundImage');
var _src = _bk.split('(')[1].split('...
解决HTML5标签video视频不能播放,显示无效源的问题
视频本地播放器可以打开播放，在网页上使用video标签不能播放或显示无效源，原因是视频的编码不被video支持，解决方法是转换视频编码。
当前video标签支持Ogg、MPEG4(mp4)、WebM三种视频格式，分别支持的视频编码如下：
Ogg - Theora视频编码、Vorbis音频编码
MPEG4 - H.264视频编码、AAC音频编码
Web...
轮播图插件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...
jquery绑定,移除,触发关联事件汇总
unbind(type [,data]) //data是要移除的函数
$('#btn').unbind("click"); //移除click
$('#btn').unbind(); //移除所有
对于只需要触发一次的，随后就要立即解除绑定的情况，用one()
$('#btn').one("click",function(){.......});
触发操作：trigger()方法触发被选元素的指定事件...
javaScript移动端touch触摸事件touchstart,touchmove,touchend详解
触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘，所以在为移动Safari浏览器开发交互性网页的时候，PC端的鼠标和键盘事件是不够用的。
在iPhone
3Gs发布的时候，其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后，Android上的浏览器也实...
获取input type="file"上传文件的文件名称的方法
通过js获取包含和不包含路径的上传文件名称。
html代码：
<div id="filename"></div>
<form>
<input type="file" name="file" class="file" id="fileField" onchange="document.getElementById('filename').value=this.file...
JavaScript四舍五入保留小数位的方法toFixed()
toFixed()方法可以把指定数字的小数位数四舍五入后保留指定的位数，如保留两位小数、三位小数。
语法:
NumberObject.toFixed(num)
NumberObject - 数字对像
num - 要保留的小数位数，是 0 ~ 20 之间的值，包括 0 和 20，如果省略了该参数，将用 0 代替。
返回值：
返回Nu...
通过纯css3代码实现六边形边框
最外层boxF旋转120度、第二层boxS旋转-60度、第三层boxT再旋转-60度，此时刚好回正，然后把图片就放在第3层的div背景中。因为前两层div中没有东西，纯粹就是用来旋转得到6边形的，所以对1，2层div设置visibility: hidden; 而第3层div是放图片的，需要显示出来，因此设置visibility: visible;
经过旋转肯定有超出的部分，因此对3个div都设置overflow:hid...
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...
原生javascript实现点击展开,再点击关闭效果(fadeToggle)
使用原生javascript实现点击展开关闭div效果。
html代码：
<span onclick="clickshow('element');"></span>
<div id="element">
欢迎访问http://www.neirong.org!
</div>
javascript代码：
function clickshow(ele...
