jquery如何改变img的图片路径

jquery如何改变img的图片路径,第1张

可以使用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()

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11981937.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-20
下一篇2023-05-20

发表评论

登录后才能评论

评论列表(0条)

    保存