js鼠标点击改变背景图片，js鼠标点击更换图片

js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前...

1、新建一个html文件，命名为test.html。在test.html文件内，使用ul和li标签创建一个列表，li的值分别为测试a，测试b。在test.html文件内，设置第一个li标签的id为mytest，主要用于下面通过该id获得li对象。

2、首先给第一个li默认类名如one，然后给这个one类加个背景颜色。然后写jQ 取出所有的li，并给li写单击事件，鼠标点到哪个li就把其它li的one类名去掉，并把当时li添加上one类名。思路就是这样了。

3、使用li上的onclick事件 function td(obj){ jk()； obj.style.background = red；}function jk(){ //要用到obj的参数。

4、i].onclick=function() {for (var i=0； igetEls.length； i++){ getEls[i].className=；}this.className=asd1}//当某个元素被点击之后，之前的同类遍历把他们的样式去掉，给现在的这个添加样式。

5、li {height： 50px；background： url(smallpng)} li：hover {background： url(smallpng)} 浏览器运行index.html页面，此时显示出了背景图片。将鼠标移动到li标签背景图片上方，此时背景图片被改变了。

6、你hover的应该也是所有的li标签，最简洁最无脑的方法是给每个li都设置不同的class，然后通过hover具有不同的class的li来实现你的效果。也可以通过配合js添加onmouthover事件，动态的给li标签添加显示背景色的class。

相关问答

Q1: js设置鼠标移动到li上显示背景色,鼠标离开后不显示背景色,在线等...

1、代码是没有问题的，问题是你的css不对，li没有高度，导致你看不到。

2、也可以通过配合js添加onmouthover事件，动态的给li标签添加显示背景色的class。

3、这个用css控制就行了，比如说你的菜单是用li做的，菜单项的class名字是menu，那么这样定义css .menu li：hover { backgroud-image： url(img.src)；} 就可以了，不需要其他额外的东西。

4、建立一个静态页命名为change.html ，标题为js导航点击的怎么同时变图片跟字体颜色。设置一个简易的导航栏。加css 控制菜单的样式，并加入背景图片。为li添加id，创建函数fun ，并传递传递参数。

Q2: 求一个更换按钮背景图片的js代码

代码如下：var currentImage=imgArr[index]；既然随机产生了一张背景图，那就用JS把这个图片作为背景图。

no ^= 1；(body).css(background-image， url( + arr[no] + ))；} 浏览器运行index.html页面，此时显示出了其中1张背景图片。再点击“点击更换”按钮，此时背景图片又被更换到另一张。

补充说明：JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

js鼠标点击改变背景图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js鼠标点击更换图片、js鼠标点击改变背景图片的信息别忘了在本站进行查找喔。