鼠标触摸改变列表项的标记

请问老师，那个列表项的标记怎么用hover设置才可以让鼠标触摸到改变成另一张图片的标记

慕瓜9263510 2017-11-11

源自：CSS背景和列表 3-4 list-style-image

26

收起

4回答

好帮手慕糖回答被采纳获得+3积分 2017-11-13 13:35:51

你好，要改变的不是a的哟，而是li的，所以需要单独写li的hover事件，例：

li:hover{list-style-image: url(img/3.jpg);}

祝学习愉快~

慕瓜9263510 提问者 #1

非常感谢！

2017-11-13 14:06:43

好帮手慕糖 2017-11-13 09:42:00

你好，该代码只有css代码不能确定问题，建议：把全部代码都粘贴过来哟。

祝学习愉快~

提问者慕瓜9263510 #1

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>display属性</title> <style type="text/css"> li{ list-style-image:url(1.jpg);} li a:hover{ list-style-image:url(html.jpg); color:#FFF;} </style> </head> <body> <ul> <li><a href="#">返回首页</a></li> <li><a href="#">网站地图</a></li> <li><a href="#">关于我们</a></li> </ul> </body> </html> 触摸颜色改变没问题那个列表项的图片咋改变

2017-11-13 12:30:25

提问者慕瓜9263510 2017-11-12 15:03:31

。。。。。

好帮手慕糖 2017-11-12 14:39:49

你好，这里有改变图片吗？可以麻烦截个图片看下具体是那个地方么？或者也可以等学了js之后，获取当前移入的项，然后改变列表图片的地址哟。

祝学习愉快~

提问者慕瓜9263510 #1

.top-right ul li{ padding:0px 1px; margin-left:16px; font-size:12px; list-style-image:url(img/top-d.jpg); } .top-right li a:link,.top-right li a:visited{ color:#FFF; } div.top-right ul li a:hover{ list-style-image:url(img/top-d-hover.jpg); color:#FFF; } 加hover 触摸没啥改变请问老师这改变该咋搞

2017-11-12 15:04:35

相似问题

请问列表标签dl>dd，dd标签内前不能加图片是吗？如果我想在列表项前加图标有什么解决方法呢？

【背景与渐变 2-9】这里的hover可以是a标签专属吗？还是别的标签都能用？是不是父亲元素添加hover标签，子标签进行变化？

为什么鼠标移上去还没移走就触发了onmouseout事件颜色就变绿了，不是应该鼠标移出才变色的吗

这里讲的列表项标记和HTML里面讲的列表项标记有什么区别？

老师这边我想让我的鼠标一触摸到图片轮播就会停止。离开就会继续。可能操作有点多，您能给个思路么。

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载