当前位置:首页 » 图片知识 » js如何实现图片背景颜色切换
扩展阅读
女生和渣男搞笑图片 2023-08-31 22:07:09
嘻嘻长什么样图片 2023-08-31 22:06:10

js如何实现图片背景颜色切换

发布时间: 2023-03-15 06:20:24

㈠ JS/Jquery,如何实现背景图片的更换

你好,Jquery修改背景图片方法如下:
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成:
$("p").css({'background-image':'url(bjt.jpg)'})

㈡ 用js实现按钮背景图的动态变换背景颜色 大家帮忙看一下又没有见过这种变换的效果

原理:
文字下面放的只是张红色的背景图片,当鼠标移上去的时候会触发onmousemove事件,在触发该事件后,只需要将背景图片由原来的红色图片换成同等大小的黄图片即可,
当鼠标离开那个区域后,会触发onmouseout事件,此时再将背景那个黄图片换成以前的红色即可,这种效很多网站上都有,不过一般都是正的,你给的那个图上的只不过背景图片是个斜的而已
你进taobao首页就有,原理是一样的,只不过它背景是白色的,鼠标移上去后把背景色换了,他可能不是用的图片, 用的DIV实现 的,但是你给的这个图的背景肯定是图片了