
可以使用jQuery的“attr”方法改变img的图片路径。
1、新建html文闭悉滑档,在body标签中添加img标签,设置图片的路径为“a.png”,然后引入文件:
2、为img标签添加id“demo”,然后添加脚本代码“$("#demo").attr("src", "b.png")”,代码的意思先获取img标签,然后将路径改为“b.png”:
3、用浏览器打轿腊开网页,按F12键打开网页源码,可以查看img路径已经从“a.png”换成陆碧“b.png”了:
<卖卖script>var videos = document.getElementsByTagName("拍配李video")
for(var i=0i<videos.lengthi++){
videos[i].src = (i+1)+".mp4"
}
</script>袭迟
这样肯定不行的,jQuery只是 *** 作了DOM的属性,虽然为标签成功加上了autoplay属性,但视频框架早已经加载完成了,后加上的autoplay属性对其携帆正辩悔没有作用。应使用HTML5 Video自带的API来控制视频播放,下面的例子实现了鼠标悬停到视频上方自动播放,鼠标移出后自动暂停的轿谨效果:
$(function(){var video = $('video.wp-video-shortcode')
video.hover(function(){
video[0].play() // play() 和 pause() 是HTML5中video自带的API函数,哈哈,方便吧?
},function(){
video[0].pause()
})
})
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)