需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('img').attr('src', 'https://www.baidu.com/img/bd_logo1.png')。
3、浏览器运行index.html页面,此时网页上的所有图片都被替换成了指定的图片。
如果是图片轮播,或者是带有图片的js代码,在其他的一段会出现一些.gif或者jpg
png格式的图片代码,你只要找到图片存放的位置,改变图片才名称,就可以替换成你自己需要的图片了
更换背景图片有两种方式:1、直接给元素附加css,因为js附加的css样式要比css中的样式权限高,那么js设置的背景图片就会覆盖之前的图片
$(this).css("background","url(1.jpg) no-repeat 0 0")
2、写两个class,一个class里面写一个背景图片,js中操作的话直接改变元素的class就可以了
$(this).removeClass('classA').addClass('classB')
相对而言,第二种方式更好一点,实现了js中尽量不书写css的理念,同时第二种可以实现背景图片不断替换,而第一种不行