zoukankan      html  css  js  c++  java
  • 幻灯片,图片相册列表,淘宝商品放大镜 jquery实现

    1.图片相册切换 主要3个按钮功能

        点击小图列表切换大图

                $(document).on("click", ".photo_a", function () {
                    $(".photo_a").removeClass("cur").removeAttr("dota_mark");
                    $(this).addClass("cur").attr("dota_mark", "dota_cur");
                    $(".photo_block").children("img").hide().attr("src", $(this).children("img").attr("src")).fadeIn("slow");
                })

        点击下一页时,触发选择的小图的下一张小图的点击事件。默认显示7张,当是7的倍数也就是下一个隐藏列表就切换小图列表。
                $(document).on("click", ".photo_next", function () {
                    var c = parseInt($(".photo_a[dota_mark='dota_cur']").index('.photo_list a')) + 1;
                    if ($(".photo_a:eq(" + c + ")").length) {
                        $(".photo_a:eq(" + c + ")").click();
                        if (c % 7 == 0) {
                            var number = c / 7 * 707;
                            $(".photo_ul").animate({ left: -number }, 500);
                        }
                    }
                })

        同上
                $(document).on("click", ".photo_prev", function () {
                    var c = parseInt($(".photo_a[dota_mark='dota_cur']").index('.photo_list a')) - 1;
                    if (c >= 0) {
                        $(".photo_a:eq(" + c + ")").click();
                        if ((c - 6) % 7 == 0) {
                            var number = (c + 1) / 7 * 707 - 707;
                            $(".photo_ul").animate({ left: -number }, 500);
                        }
                    }
                })

  • 相关阅读:
    一题多解 —— 同时找到序列的最大值最小值
    中位数与顺序统计量
    软件开发 —— 极限编程(XP:Extreme Programming)
    一题多解 —— 二项式分布的期望和方差的计算
    C++中explicit关键字用法
    【联系】二项分布的对数似然函数与交叉熵(cross entropy)损失函数
    随机变量统计独立性的相关证明
    PowerShell管理SCOM_批量设置维护模式(下)
    导出AD用户所属组,查询AD用户(aduser)
    SQL脚本运行
  • 原文地址:https://www.cnblogs.com/RedRoshan/p/3663436.html
Copyright © 2011-2022 走看看