js如何改变background的背景图片

新建一个html文件,定名为test.html,用于讲解js如何改变background的布景图片。

810a19d8bc3eb1353c1d12bea91ea8d3fc1f44d8.jpg2

在test.html文件内,利用div标签建立一个模块,并设置其id属性为bg。

78310a55b319ebc4ea96d39c8d26cffc1f1716cc.jpg3

利用css设置div的高度为500px,宽度为313px,布景图片为1.jpg。

5366d0160924ab18d7df44323afae6cd7a890bed.jpg4

在div的下面,利用button标签建立一个“点窜”按钮。

42a98226cffc1e17e85129344590f603728de9cd.jpg5

给button按钮绑定onclick点击事务,当按钮被点击时,执行edit()函数。

cefc1e178a82b9012e4366367c8da9773812efcd.jpg6

在js标签内,建立edit函数,在函数内,经由过程设置style中的backgroundImage属性,实现点窜布景图片的功能。

960a304e251f95cac82f37b3c6177f3e660952d8.jpg7

在浏览器打开test.html文件,点击按钮,更改div的布景图片。

5366d0160924ab18d7cc44323afae6cd7a890bd8.jpgb219ebc4b74543a9ddd25fc911178a82b80114ed.jpg

  • 发表于 2019-10-14 17:00
  • 阅读 ( 218 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论