CSS+DIV实现鼠标经过背景图片变换

2024-10-12 17:27:19

1、新建一个html文件,命名为test.html,用于讲解CSS+DIV实现鼠标经过背景图片变换。

CSS+DIV实现鼠标经过背景图片变换

3、在css标签中,通过id设置div的样式,定义其宽高都为200px,背景图片为1.jpg。

CSS+DIV实现鼠标经过背景图片变换

5、在js标签中,创建changeimg()函数,在函数内,通过id获得div对象,使用css()方法改变background属性的图片路径,实现图片的变换。

CSS+DIV实现鼠标经过背景图片变换CSS+DIV实现鼠标经过背景图片变换
猜你喜欢