我有一张我想要的图片:更改其x& y移动鼠标的位置。
例如:
<div class="mover" id="1">
<IMG SRC="images/buttons1.png" WIDTH=129 HEIGHT=30 ALT="" border="0"/>
</div>
<div class="mover" id="2">
<IMG SRC="images/buttons2.png" WIDTH=129 HEIGHT=30 ALT="" border="0"/>
</div>
我想做的就像普通的闪光菜单一样 当我的鼠标出现“buttons1.png”时,按钮开头显示一个蓝点图像 当鼠标离开“buttons1.png”时,这个蓝点消失。
我想为我的两张照片重复一遍。
答案 0 :(得分:0)
退房:
示例:
$(".button").mouseenter(function()
{
var position = $(this).position();
$("#dot").css("left", position.left+10)
.css("top", position.top+5)
.show();
}).mouseleave(function()
{
$("#dot").hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mover" id="2">
<img class="button" src="images/buttons1.png" width="129" height="30"/>
<img class="button" src="images/buttons2.png" width="129" height="30"/>
</div>
<img id="dot" style="display: none; position: absolute;" src="images/blue_dot.png"/>