放大镜+图片切换

    科技2024-05-17  84

    点击下标,尺寸变换 一, //尺寸 $(function () { $(".pro_size li span").click(function () { var span = $(this).text(); $(".pro_size strong").text(span); }) }) 二,点击下边小图片,上边可变换(注意replace) //下边的小图片去上边 $(function () { $(".imgList li img").click(function () { var src = $(this).attr(“src”); var big2 = src.replace(".jpg", “_big.jpg”); var small = src.replace(".jpg", “_small.jpg”); $(".jqzoom img").attr({ src: small, jqzoom: big2, jqimg: big2 }) /观看清晰图片/ $("#thickImg").attr(“href”, big2); }) }) 三,图片切换+放大镜效果 点击图片颜色变换,用alt获取 点击观看清晰,下方图片变成大图片观看后变成大图片样式

    四·清空empty;li标签在里边东西清空 removeClass :整个li标签包括里边内容都会删除 apendto:后边追加 after:之后 before:之前 内部插入为子节点 外部兄节点

    Processed: 0.011, SQL: 9