页面很多图片,鼠标指上去时显示大图和详细信息。效果如图:
求类似代码,谢谢前辈们
求类似代码,谢谢前辈们
解决方案 »
- 数据量大按钮提交会响应失败问题
- asp.net2005每次发布到服务器后,总有几个aspx网页打不开
- asp.net gridview控件导出EXCEL 内存溢出
- 关于实现全文检索的界面与技术
- gridview设置列宽
- 继续,asp.net配置的问题.
- 在datagrid的模板列里面的headertemplate里面加一个linkbutton怎么都没办法触发他的事件呢?
- 聊天室里的踢人、封IP、限制发言时间间隔怎么做?100分!顶者有份
- 留言簿的回复怎么设计好
- 调查帖:数据层目前你用的是啥?
- 求 asp.net mvc 及 jquery 达人指点一下
- 使用谷歌地图 IE6下GBrowserIsCompatible() 缺少对象
function () {
$("层").show();
},
function () {
$("层").hide();
}
);
没时间啊没时间
都挺精美的 。
var x = 22;
var y = 20;
$("#imgAbc").hover(function(e) {
$("body").append("<div id='productInf'></div>");
widthJudge(e);
});
$("#imgAbc").mouseout(function(e) {
$("#productInf").hide();
});
function widthJudge(e) {
var marginRight = document.documentElement.clientWidth - e.pageX;
var imageWidth = $("#productInf").width();
if (marginRight < imageWidth) {
x = imageWidth + 22;
$("#productInf").css({ "top": (e.pageY - x) + "px", "left": (e.pageX + y) + "px" }).fadeIn("fast");
} else {
x = 22;
$("#productInf").css({ "top": (e.pageY - x) + "px", "left": (e.pageX + y) + "px" }).fadeIn("fast");
};
} });呵呵,谢谢13楼的好意,有问题再找你探讨
就是这个思路,弄个绝对定位的Div,把要显示的信息放到里面(当然你也可以用Ajax,也可以预定就把内容输出来display:none)