就像鼠标滑过小图看到大图一样。

就像鼠标滑过小图看到大图一样。
本文演示了jQuery在一个小图上实现鼠标滑动以查看大图的方法,供大家参考,具体实现方法如下:

1。CSS部分:
UL {
列表样式:无;
}
李{
浮点数:左;
左:10px保证金;
}
img {
# cccccc solid 1px边框;
}
# max {
位置:绝对;
显示:无;隐藏层
}
2。HTML的一部分:
苹果产品目录


三.Javascript的部分:
$(文档)Ready(函数(){)
/ / E事件对象可以对事件的e.pagex X轴,从浏览器左侧的e.pagey Y轴,和距离浏览器顶部。
$()。Mouseover(function(e){
将鼠标移到附加的体/图片元素的位置
当前路径的大图片: / / href属性值大通道连接
imgsrc = $(var $本)。Attr(href);
VaR maximg美元= ;
在主体中添加元素
$(体)。追加($ maximg);
设置/图层顶部和左侧坐标,以及动画显示层
$(# Max)。Css(顶
})。Mouseout(function(){)
大时 / /删除图层
$(# Max)删除();
})。Mousemove(function(e){ {)
鼠标的坐标移动较大的变化层。
$(#max).Css (top
});
});
希望本文能对大家的jQuery程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部