图片放大效果，适用列表
图片动态放大效果，适用列表表格
html：
<img class="imgtip" src="http://qn.xingzhiyuanwh.com/gift_83.png" width="30px" height="30px" alt="">
js：
<script>
;(function () {
var imgtip=$('.imgtip');
if(imgtip.length>0){
var html_tip='<div id="enlarge_images" style="position:fixed;display:none;z-index:2;"></div>';
imgtip.parents('body').append(html_tip);
var ei=imgtip.parents('body').find('#enlarge_images');
if(ei.length>0){
imgtip.mousemove(function(event){
event = event || window.event;
var html = '<img src="' + this.src + '" style="max-width:500px;max-height:500px;"/>';
ei.html(html);
var top = document.body.scrollTop + event.clientY + 10 + "px";
var left = document.body.scrollLeft + event.clientX + 10 + "px";
var css={
'display':'block',
'top':top,
'left':left,
}
ei.css(css);
})
imgtip.mouseout(function(){
ei.html('');
var css={
'display':'none',
}
ei.css(css);
})
imgtip.click(function(){
ei.html('');
var css={
'display':'none',
}
ei.css(css);
window.open( this.src );
})
}
}
})();
</script>效果：
无论从事什么行业，只要做好两件事就够了，一个是你的专业、一个是你的人品，专业决定了你的存在，人品决定了你的人脉，剩下的就是坚持，用善良專業和真诚赢取更多的信任。
- 最新评论
- 总共0条评论
