zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery 实现鼠标划过图片出现放大镜效果详解编程语言

jQuery编程语言 实现 详解 图片 出现 效果 鼠标
2023-06-13 09:20:24 时间
$(".content_right .prolist ul li").each(function (index) { var position = $(this).position(); var li_left = position.left; var li_top = position.top; var img_width = $(this).find("img").width(); var img_height = $(this).find("img").height(); var spanHtml = span style="position: absolute; top: + li_top + px; left: + li_left + px; width: + img_width + px; height: + img_height + px; cursor: pointer;" $(spanHtml).hover(function () { $(this).addClass("imageOver"); }, function () { $(this).removeClass("imageOver"); }).appendTo($(this).find("a")); })

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8648.html

cjava