展开菜单

jquery判断video视频播放或暂停的代码

javascript paused属性返回视频是否已暂停(该属性为只读属性,IE8或更早的浏览器不支持该属性),javascript play()方法用于播放音频或视频,javascript pause()方法用于暂停当前播放的音频或视频。 只判断视频是否在播放状态 HTML代码: <div class="video"> <video src="../video/video.mp4" controls> 您的浏览器不支持 video 标签。 </video> </div> jQuery代码...

本地化分享按钮js插件share.js

本地化分享按钮js插件share.js

share.js可以给网站添加一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等网站的分享按钮,在目前jiaThis分享按钮服务已经关停,百度分享按钮时不时地404很不稳定,bshare似乎也是停止维护状态,国外的分享按钮服务又有点水土不服的环境下,share.js是个很好的选择。 使用方法: 1、前往Github下载share.js:https://github.com/overtrue/share.js/ 2、引入 share.min.css 与 soc...

html5 canvas实现背景鼠标连线动态效果代码解析

html5 canvas实现背景鼠标连线动态效果代码解析

很流行的动态背景连线特效。下面的代码是作者在扒下来的代码上进行整理和注释,很适应参考学习。 效果截图: 效果演示:https://jc1144096387.github.io/canvas_nest/ 作者地址:https://blog.csdn.net/u013556477/article/details/82819785 HTML代码(测试代码): <!doctype html> <html lang="en"> <head> <meta charset="U...

chrome浏览器jquery点击事件click元素出现黄色边框的解决方法

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(')')[0]; alert(_src); 代码意思: 1、获取background-image属性值url('path') 2...

解决HTML5标签video视频不能播放,显示无效源的问题

解决HTML5标签video视频不能播放,显示无效源的问题

视频本地播放器可以打开播放,在网页上使用video标签不能播放或显示无效源,原因是视频的编码不被video支持,解决方法是转换视频编码。 当前video标签支持Ogg、MPEG4(mp4)、WebM三种视频格式,分别支持的视频编码如下: Ogg - Theora视频编码、Vorbis音频编码 MPEG4 - H.264视频编码、AAC音频编码 WebM - VP8视频编码、Vorbis音频编码 转换编码可以使用格式工厂等视频、音频转换软件操作,建议选择MP4格式的AVC+AA...

xampp启动错误提示Apache shutdown unexpectedly的解决方法

xampp启动错误提示Apache shutdown unexpectedly的解决方法

xampp启动时显示的错误为: 16:28:41  [Apache] Attempting to start Apache app... 16:28:41  [Apache] Status change detected: running 16:28:42  [Apache] Status change detected: stopped 16:28:42  [Apache] Error: Apache shutdown unexpectedly. 16:2...

轮播图插件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/javascript" src="owl.carousel.min.js"></script> 调用代码: $(window).on('re...

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

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作:trigger()方法触发被选元素的指定事件类型。 $('#btn').trigger("click"); 触发自定义事件:bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发...

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

触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候,其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后,Android上的浏览器也实现了相同的事件。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。 下面具体说明: ...

获取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.files[0].name"/> <input type="submit" class="btn" value="上传" /> </f...