jQuery项目10.5

//评价
        $(function () {
            //通过修改样式来显示不同的星级
            $("ul.rating li a").click(function () {
                var title = $(this).attr("title");
                alert("您给此商品的评分是:" + title);
                var cl = $(this).parent().attr("class");
                $(this).parent().removeClass().addClass("rating " + cl + "star");
                $(this).blur();//去掉超链接的虚线框
                return false;
            })
        })

 

//给衣服换颜色
        $(function () {
          

                var strArray = imgSrc.split('.jpg');
                var imgSrc_small = strArray[0] + "_one_small" + ".jpg";
                var imgSrc_big = strArray[0] + "_one_big" + ".jpg";
                $("#bigImg").attr({ "src": imgSrc_small, "jqimg": imgSrc_big });
                $("#thickImg").attr("href", imgSrc_big);
                $(".imgList li:eq(0) img").attr("src",strArray[0]+"_one.jpg");
                $(".imgList li:eq(1) img").attr("src",strArray[0] +"_two.jpg");
                $(".imgList li:eq(2) img").attr("src",strArray[0] +"_three.jpg");
                var alt = $(this).attr("alt");
                $(".color_change strong").text(alt);
            })

            $(".imgList li img").click(function () {
                var imgSrc = $(this).attr("src");

                var strArray = imgSrc.split('.jpg');
                var imgSrc_small = strArray[0] + "_small" + ".jpg";
                var imgSrc_big = strArray[0] + "_big" + ".jpg";
                $("#bigImg").attr({ "src": imgSrc_small, "jqimg": imgSrc_big });
                $("#thickImg").attr("href", imgSrc_big);

            })


        });

//图片放大镜
        $(function () {
            $(".jqzoom").jqueryzoom({
                xzoom: 300, //放大图的宽度(默认是 200)
                yzoom: 300, //放大图的高度(默认是 200)
                offset: 10, //离原图的距离(默认是 10)
                position: "right", //放大图的定位(默认是 "right")
                preload: 1
            });
        });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值