鼠标移到图片上，图片的右上角显示一个小叉叉，是如何做的
日期：2014-05-16 浏览次数：20384 次
鼠标移到图片上，图片的右上角显示一个小叉叉，是怎么做的？
我要做的功能是：
鼠标移到图片上，图片的右上角出现xx图标，然后点击xx图标，该图片消失，后续图片补上。
css:
js:
html:
我要做的功能是：
鼠标移到图片上，图片的右上角出现xx图标，然后点击xx图标，该图片消失，后续图片补上。
css:
.hid {
display:none;
}
.xx {
width:12px;
height:12px;
}js:
$("#imgs img").mouseenter(function () {
var myself = $(this);
var xx = $("<img src='Images/imgs/xx.jpg' class='xx' />");
var top = $(this).offset().top;
var left = $(this).offset().left + $(this).width() - 12;
xx.css({ "position": "absolute", "top": top, "left": left, "display": "" });
$(document.body).append(xx);
$(".xx").click(function () {
myself.hide();
$("#imgs img").each(function () {
if ($(this).hasClass("hid")) {
$(this).removeClass("hid");
return false;
}
});
});
}).mouseleave(function () {
$(".xx").hide();
});html:
<div style="float: left;" id="imgs">
<img src="Images/hotel/hp.jpg" style="width: 130px; height: 90px; margin-left: 30px; margin-top: 20px;" />
<img src="Images/hotel/hp2.jpg" sty
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
