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相关文章
- js/jquery各种宽高的理解和应用详解编程语言
- struts2:使用JQuery、JSON和AJAX处理请求详解编程语言
- 用 jQuery实现图片等比例缩放大小详解编程语言
- jQuery图片预加载详解编程语言
- jQuery实现当拉动滚动条到底部加载数据详解编程语言
- jQuery实现CheckBox全选、全不选详解编程语言
- jquery实现的时间轴详解编程语言
- jQuery实现返回顶部功能详解编程语言
- jQuery实现鼠标移上弹出提示框,移出消失详解编程语言
- jQuery实现等比例缩放大图片详解编程语言
- jquery实现控制表格行高亮详解编程语言
- jQuery对表单元素的取值和赋值操作详解编程语言
- jQuery Video Extend详解编程语言
- jQuery和ztree实现动态树形多选菜单详解编程语言
- jquery 获取标签名(tagName)详解编程语言
- jQuery实现checkbox样式的单选框详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jquery淡入淡出详解编程语言
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法