鼠标经过背景图
0
最佳答案
0
http://jsfiddle.net/threetree/py4n7ehs/
刚做的，是这样不？
收获园豆：8
你给的地址我看不了，能发个具体的吗？它好像需要登录
@ThreeTree: 我看了，是这个效果，不知道可不可以告诉我它是那个编码起的作用，我看了好像都是css样式控制的。
@小小娜: 对啊，没有用到js/jquery。只是CSS，鼠标移上动作是用的:hover伪类。那些三角形是利用border做出来的，这些基础的东西现学一下吧。
@ThreeTree: 谢谢，看来要学的东西还很多
其他回答(2)
1
script里面写方法：
function bian()
{
document.getElementById('a').src = "1.jpg";
}
body里面
<img src="2.jpg" onmouseover="bian()" id="a" />
收获园豆：1
这个只能做一次选择？
@小小娜: 再写一句onmouseout的方法就可以了~
@苏悠莫: 刚刚知道了，thank you@
@小小娜: 不用客气，希望能加我关注哦~
@苏悠莫: 没问题
0
each遍历你那四个元素，使用mouseover(鼠标移入)和mouseout(鼠标移出)控制当前元素($(this))背景色的改变
收获园豆：1
我不是很会用each，还没有学，不知道能不能帮我遍历一下，thank you@
@小小娜:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").each(function(){ $(this).mouseover(function(){ $(this).css("background-color","red"); }); $(this).mouseout(function(){ $(this).css("background-color",""); }); }); }); </script> </head> <body> <p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p> <p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p> <p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p> </body> </html>
现写的，你试试行不行？
@双子394: 谢谢，不是我要的效果。
@小小娜: 你要的是什么效果？
@双子394:就是我发图的效果，我已经知道怎么做了
@小小娜: 你发的那个图也要代码来实现？
