https://www.mixiujie.cn/download_app/js/pg-down_new.js

1$(function(){
2    var act = {};
3    act._switching = false;
4    /**
5     * apps下载页 效果js
6     */
7    var contentJp = '<div class="mobile_select jp_select clear">'
8        +'<a  class="n-android hover">Android</a>'
9        +'<a  class="n-iphone">iPhone</a>'
10        +'<a  class="n-ipad">iPad</a>'
11        +'<img src="./img/move-cur.gif" class="move_img">'
12        +'</div>'
13        +'<div class="mobile_con clear"><ul class="fix_box">'
14        +'<li><div class="n-wechat fl"><img src="./img/download.png"></div><div class="n-download fr"><a href="https://www.mixiujie.cn/download_app/mixiujie.apk" class="jp_download" target="_blank"></a>直接下载到电脑</div></li>'
15        +'<li><div class="n-wechat fl"><img src="./img/download.png"></div><div class="n-download fr"><a href="#" class="jp_download" target="_blank"></a>激活码：xiuxiu</div></li>'
16        +'<li><div class="n-wechat fl"><img src="./img/download.png"></div><div class="n-download fr"><a href="#" class="jp_download" target="_blank"></a>激活码：xiuxiu</div></li>'
17        +'</ul></div>';
18    var contentJky = '<div class="mobile_select clear">'
19        +'<a class="n-android hover" href="javascript:;">Android</a>'
20        +'<a class="n-iphone" href="javascript:;">iPhone</a>'
21        +'<a class="n-ipad" href="javascript:;">iPad</a>'
22        +'<img class="move_img" src="./img/move-cur.gif" style="left: 80px;">'
23        +'</div>'
24        +'<div class="mobile_con clear"><ul class="fix_box" >'
25        +'<li><div class="n-wechat fl"><img src="./img/download.png"></div><div class="n-download fr"><a href="https://www.mixiujie.cn/download_app/mixiujie.apk" class="jky_download" target="_blank"></a>直接下载到电脑</div></li>'
26        +'<li><div class="n-wechat fl"><img src="./img/download.png"></div><div class="n-download fr"><a href="#" class="jky_download" target="_blank"></a>激活码：xiuxiu</div></li>'
27        +'<li><div class="n-wechat fl"><img src="./img/download.png"></div><div class="n-download fr"><a href="#" class="jky_download" target="_blank"></a>激活码：xiuxiu</div></li>'
28        +'</ul></div>';
29    $(".code_area .code_btn").click(function(){
30        var index = $(this).index();
31        if($('.jp').hasClass('active')){
32            var content =contentJp;
33        }else{
34            var content =contentJky;
35        }
36        b = new XDLightBox({
37            title: "",
38            lightBoxId: "alert_download",
39            contentHtml: content,
40            scroll: false
41        });
42        b.init();
43        $(".mobile_select a").mouseover(function(){
44            var index_alert = $(".mobile_select a:visible").index($(this));
45            $(".mobile_select a").removeClass("hover");
46            $(this).addClass("hover");
47            $(".fix_box").stop(true,true).animate({left: ($(".mobile_con").width())*index_alert*(-1)},800);
48            $(".move_img").stop(true,true).animate({left: 80+index_alert*(170)},800);
49        });
50        $("#alert_download .mobile_select a:visible").eq(index).mouseover();
51    });
52})
53//落地页 轮播js by pidan
54window.onload = function () {
55                var imglist = document.querySelectorAll(".phone_img");
56                var content_right = document.querySelector(".phone_content");
57                var aSpan = content_right.getElementsByTagName("span");
58                var prev = aSpan[0];
59                var next = aSpan[1];
60                //图片列表
61                var n = imglist.length;  
62                //这个index是全局变量，眼前图片的顺序值
63                var index = 0;  
64                //布尔值，防止连续快速点击下一个造成卡顿
65                var fade = false;  
66                //设置透明度
67                function setOpacity(obj, opa) {  
68                  if (obj.filters) {
69                    obj.style.filter = "alpha(opacity:" + opa + ")";
70                  } else {
71                    obj.style.opacity = opa / 100;
72                  }
73                }
74                //渐入函数 ，为下一张（即将显示的）图片所用
75                function fadeIn(obj) {  
76                  fade = true;
77                  obj.style.display = "block";
78                  var opa = 0;
79                  var timer = setInterval(func, 1);//这里的数字可以控制速度
80                  function func() {
81                    if (opa < 100) {
82                      opa += 0.5;//改变这里数字可以控制速度
83                      setOpacity(obj, opa)
84                    } else {
85                      opa = 100;
86                      clearInterval(timer);
87                      fade = false
88                    }
89                  }
90                }
91                //淡出函数 为即将隐藏的眼前图片所用
92                function fadeOut(obj) {  
93                  fade = true;
94                  var opa = 100;
95                  var timer = setInterval(func, 1);
96                  function func() {
97                    if(opa > 0) {
98                      opa -= 0.4;
99                      setOpacity(obj, opa)
100                    } else {
101                    opa = 0;
102                      clearInterval(timer);
103                      obj.style.display = "none"
104                    }
105                  }
106                }
107                
108                next.onclick = function() {  
109                  if (fade) {
110                    return
111                  } else {
112                    fadeOut(imglist[index]);
113                    index += 1;
114                    if (index == n) index = 0;
115                    fadeIn(imglist[index]);
116                  }
117                }
118                //点击上一张切换
119                prev.onclick = function() {  
120                  if (fade) {
121                    return
122                  } else {
123                    fadeOut(imglist[index]);
124                    if (index == 0) index = n;
125                    index -= 1;
126                    fadeIn(imglist[index]);
127                  }
128                }
129                //自动播放启停
130                function play() {  
131                  auto = setInterval(function() {
132                    next.onclick()
133                  },
134                  3000);
135                }
136                function stop() {  
137                  clearInterval(auto);
138                }
139                play();  
140                content_right.onmouseover = stop;  
141                content_right.onmouseout = play;
142};