如何用JS实现简单的图片替换

html-css06

如何用JS实现简单的图片替换,第1张

需要准备的材料分别有:电脑、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页面,此时网页上的所有图片都被替换成了指定的图片。

网页背景图片设置:

(平铺背景图片)

<body background=d:\image\石家庄.jpg

或者

<body style=background-image: url(d:\image\石家庄.jpg)

(背景图片不重复)

<body style=background-image: url(d:\image\石家庄.jpg) no-repeat

(背景图片居中不重复)

<body style=background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0

注释:

style 后双引号部分为CSS样式;

background-image:url(图片路径) 为背景图片

no-repeat 不重复;

50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px;

把里面的图片位置换成你的就行了,例子里面是绝对地址,像网站一般用相对地址,就是相对你要设置的网页的地址