JQ轮播图(opcity)

<tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136

> 无标题文档> ><> --> $(function(){ ?var ali=$("#slidebox #slide li"); ? ? ? ? ?//console.log(ali); ?var alis=$("#slidebox #slide li").length;//size()ali的长度? ? ?var oa=$("#slidebox #arrow a"); ? ? ? ? ?//console.log(oa); ?var inow=0;? ? ? ?var timer=null; ? ? ? ? ?oa.each(function(index) { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?$(this).mouSEOver(function(){ ? ? ? ? ? ? ? ? ? ? ? ? // alert(index) ? ? ? ? ? ? ? ? ? ? ? ? sliderun(index) ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?});? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?function sliderun(index){ ? ? ? ? ? ? ? ? ? ? ? ? inow=index//与index保持同步 ? ? ? ? ? ? ? ? ? ? ? ? oa.removeClass("active"); ? ? ? ? ? ? ? ? ? ? ? ? oa.eq(index).addClass("active"); ? ? ? ? ? ? ? ? ? ? ? ? ali.eq(index).siblings() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?.stop() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?.animate({opacity:0},1000) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?.find("div") ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .stop().animate({top:60,opacity:0}); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?ali.eq(index) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .stop() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .animate({ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?opacity:1},1000) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .find("div") ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .stop() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .animate({top:0,opacity:1});} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? function auto(){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? timer=setInterval(function(){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?inow++; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?if(inow>=alis){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?inow=0;} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?sliderun(inow); },2000) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? auto(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?$("#slidebox").hover(function(){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? clearInterval(timer) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?},function(){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? auto(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? })//运行函数 ? ? ? ? ? ? ? ? })//左右点击? ? ? ? > *{ margin:0; ? ?padding:0;} ? ? ul li{ list-style:none;} ? ? #slidebox #slide li{ ? ? ? ? width:100%; ? ? ? ? height:350px; ? ? ? ? position:absolute; ? ? ? ? left:0; ? ? ? ? top:0; ? ? ? ? opacity:0; ? ? ? ? filter:Alpha(Opacity=100); ? ? ? ? cursor:pointer; ? ? ? ? } ? ? ? ? ? #slidebox #slide-nav{ ? ? ? ? width:120px; ? ? ? ? height:20px; ? ? ? ? position:absolute; ? ? ? ? top:320px; ? ? ? ? left:50%; ? ? ? ? margin-left:-60px; ? ? ? ? z-index:1000; ? ? ? ? } ? ? ? ? #slidebox #slide-nav #arrow a{ ? ? ? ? ? ? width:15px; ? ? ? ? ? ? ? ? height:15px; ? ? ? ? ? ? ? ? background:#EEE; ? ? ? ? ? ? ? ? float:left; ? ? ? ? ? ? ? ? margin-left:3px; ? ? ? ? ? ? ? ? border-radius:50%; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? #slidebox #slide-nav #arrow a.active{ background:#A00;} > ? ? ? ? ? ? ? ? > ? > ? > ? ?> ? ? ? > ? ? ? > ? ?> ? ? ><> ? ? ><> ? ? ><> ? ? ><> ? > ? > ? ? ? ?> ? ? ? ? ? ? ><> ? ? ? ? ? ? ><> ? ? ? ? ? ? ><> ? ? ? ? ? ? ><> ? ? ? ? ? ? ><> ? ? ? ?> ? > > ? ? > > ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

<table class="html5">