[JavaScript] jquery 实现鼠标划过图片出现放大镜效果 →→→→→进入此内容的聊天室

来自 , 2019-03-23, 写在 JavaScript, 查看 105 次.
URL http://www.code666.cn/view/ec5decca
  1. /*滑过图片出现放大镜效果*/
  2. $(function () {
  3.     $(".content_right .prolist ul li").each(function (index) {
  4.         var position = $(this).position();
  5.         var li_left = position.left;
  6.         var li_top = position.top;
  7.         var img_width = $(this).find("img").width();
  8.         var img_height = $(this).find("img").height();
  9.         var spanHtml = '<span style="position: absolute; top: ' + li_top + 'px; left: ' + li_left + 'px; width:' + img_width + 'px; height: ' + img_height + 'px; cursor: pointer;" class="imageMask"></span>';
  10.         $(spanHtml).hover(function () {
  11.             $(this).addClass("imageOver");
  12.         }, function () {
  13.             $(this).removeClass("imageOver");
  14.         }).appendTo($(this).find("a"));
  15.     })
  16. })
  17.  

回复 "jquery 实现鼠标划过图片出现放大镜效果"

这儿你可以回复上面这条便签

captcha