非FLASH幻灯片代码

1. <style type="text/css">
   
2. 
   
3. /* 数字按钮框样式 */
   
4. #imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px;text-align:left;overflow:
   
5. 
   
6. hidden;}
   
7. #imgTitle_up {left:0px;text-align: left; height:1px; width:inherit; }
   
8. #imgTitle_down {left:0px;text-align: right; width:inherit; }
   
9. /* 图片框样式 */
   
10. .imgClass {border: 0px solid #000;}
    
11. /* 图片文字框样式 */
    
12. #txtFrom {text-align: center;vertical-align: middle;}
    
13. /* 数字按钮样式 */
    
14. .button {text-decoration: none;padding: 2px 7px;background: #7B7B63;margin: 0px;font: bold
    
15. 
    
16. 9px sans-serif; border-left:#fff 1px solid;}
    
17. a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration:
    
18. 
    
19. none;color:#FFFFFF;background-color: #000000;}
    
20. a.button:hover {font-family: sans-serif;text-decoration: none;color:#fff;background:#fff; }
    
21. .buttonDiv {background: #000000;height: 1px;width: 21px;float: left;text-align: center;
    
22. 
    
23. vertical-align: middle;}
    
24. /*渐变*/
    
25. .trans { width:90px; background-color:#000;filter : progid:DXImageTransform.Microsoft.Alpha
    
26. 
    
27. (startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40);}
    
28. 
    
29. </style><script language="javascript" type="text/javascript">
    
30. var imgWidth=365; //图片宽
    
31. var imgHeight=227; //图片高
    
32. var textFromHeight=20; //焦点字框高度 (单位为px)
    
33. var textStyle="f12"; //焦点字class style (不是连接class)
    
34. var textLinkStyle="p1"; //焦点字连接class style
    
35. var buttonLineOn="#f60"; //button下划线on的颜色
    
36. var buttonLineOff="#000"; //button下划线off的颜色
    
37. var TimeOut=5000; //每张图切换时间 (单位毫秒);
    
38. var imgUrl=new Array();
    
39. var imgLink=new Array();
    
40. var imgtext=new Array();
    
41. var imgAlt=new Array();
    
42. var adNum=0;
    
43. //焦点字框高度样式表 开始
    
44. document.write('<style type="text/css">');
    
45. document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+
    
46. 
    
47. (imgHeight+textFromHeight)+'px; overflow:hidden;}');
    
48. document.write('#txtFrom{height:'+textFromHeight+'px;line-
    
49. 
    
50. height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
    
51. document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+16)+'px;height:18px}');
    
52. document.write('</style>');
    
53. document.write('<div id="focuseFrom">');
    
54. //焦点字框高度样式表 结束
    
55. 
    
56. imgUrl[1]='http://www.lemuria.com.cn/upload/h/n/l/x/hnlx.xuntan.com/forum/2007-
    
57. 
    
58. 07/1184380150456513.jpg';
    
59. imgtext[1]='<A HREF="http://www.lemuria.com.cn15-1-16-0-0-0.html" TARGET="_blank"
    
60. 
    
61. class="'+textLinkStyle+'">禧玛妹妹,一个河南打工妹网络故事</A>';
    
62. imgLink[1]='http://www.lemuria.com.cn15-1-16-0-0-0.html';
    
63. imgAlt[1]='禧玛妹妹,一个河南打工妹网络故事';
    
64. 
    
65. imgUrl[2]='http://www.lemuria.com.cn/upload/h/n/l/x/hnlx.xuntan.com/forum/2007-
    
66. 
    
67. 07/1184382642363590.jpg';
    
68. imgtext[2]='<A HREF="http://www.lemuria.com.cn15-1-19-0-0-0.html" TARGET="_blank"
    
69. 
    
70. class="'+textLinkStyle+'">中国最美乡村女教师</A>';
    
71. imgLink[2]='http://www.lemuria.com.cn15-1-19-0-0-0.html ';
    
72. imgAlt[2]='中国最美乡村女教师';
    
73. 
    
74. imgUrl[3]='http://www.lemuria.com.cn/upload/h/n/l/x/hnlx.xuntan.com/forum/2007-
    
75. 
    
76. 08/1185939057101179.jpg';
    
77. imgtext[3]='<A HREF="http://www.lemuria.com.cn9-1-29-0-0-0.html" TARGET="_blank"
    
78. 
    
79. class="'+textLinkStyle+'">发美女,看吧!</A>';
    
80. imgLink[3]='http://www.lemuria.com.cn9-1-29-0-0-0.html';
    
81. imgAlt[3]='发美女,看吧!';
    
82. 
    
83. imgUrl[4]='http://www.lemuria.com.cn/upload/h/n/l/x/hnlx.xuntan.com/forum/2007-
    
84. 
    
85. 07/1185526463170922.jpg';
    
86. imgtext[4]='<A HREF="http://www.lemuria.com.cn19-1-25-0-0-0.html" TARGET="_blank"
    
87. 
    
88. class="'+textLinkStyle+'">变形金刚</A>';
    
89. imgLink[4]='http://www.lemuria.com.cn19-1-25-0-0-0.html';
    
90. imgAlt[4]='变形金刚';
    
91. 
    
92. function changeimg(n)
    
93. {
    
94. adNum=n;
    
95. window.clearInterval(theTimer);
    
96. adNum=adNum-1;
    
97. nextAd();
    
98. }
    
99. function goUrl(){
    
100. window.open(imgLink[adNum],'_blank');
     
101. }
     
102. //NetScape开始
     
103. if (navigator.appName == "Netscape")
     
104. {
     
105. document.write('<style type="text/css">');
     
106. document.write('.buttonDiv{height:4px;width:21px;}');
     
107. document.write('</style>');
     
108. function nextAd(){
     
109. if(adNum<(imgUrl.length-1))adNum++;
     
110. else adNum=1;
     
111. theTimer=setTimeout("nextAd()", TimeOut);
     
112. document.images.imgInit.src=imgUrl[adNum];
     
113. document.images.imgInit.alt=imgAlt[adNum];
     
114. document.getElementById('focustext').innerHTML=imgtext[adNum];
     
115. document.getElementById('imgLink').href=imgLink[adNum];
     
116. 
     
117. }
     
118. document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img
     
119. 
     
120. src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1
     
121. 
     
122. alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext"
     
123. 
     
124. class="'+textStyle+'">'+imgtext[1]+'</span></div>')
     
125. document.write('<div id="imgTitle">');
     
126. document.write('<div id="imgTitle_down">');
     
127. //数字按钮代码结束
     
128. document.write('</div>');
     
129. document.write('</div>');
     
130. document.write('</div>');
     
131. nextAd();
     
132. }
     
133. //NetScape结束
     
134. //IE开始
     
135. else
     
136. {
     
137. var count=0;
     
138. for (i=1;i<imgUrl.length;i++) {
     
139. if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
     
140. count++;
     
141. } else {
     
142. break;
     
143. }
     
144. }
     
145. function playTran(){
     
146. if (document.all)
     
147. imgInit.filters.revealTrans.play();
     
148. }
     
149. var key=0;
     
150. function nextAd(){
     
151. if(adNum<count)adNum++ ;
     
152. else adNum=1;
     
153. 
     
154. if( key==0 ){
     
155. key=1;
     
156. } else if (document.all){
     
157. imgInit.filters.revealTrans.Transition=6;
     
158. imgInit.filters.revealTrans.apply();
     
159. playTran();
     
160. }
     
161. document.images.imgInit.src=imgUrl[adNum];
     
162. document.images.imgInit.alt=imgAlt[adNum];
     
163. document.getElementById('link'+adNum).style.background=buttonLineOn;
     
164. for (var i=1;i<=count;i++)
     
165. {
     
166. if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
     
167. }
     
168. focustext.innerHTML=imgtext[adNum];
     
169. theTimer=setTimeout("nextAd()", TimeOut);
     
170. }
     
171. document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans
     
172. 
     
173. (duration=1,transition=5);" src="javascript:nextAd()" width='+imgWidth+'
     
174. 
     
175. height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>');
     
176. document.write('<div id="txtFrom"><span id="focustext"
     
177. 
     
178. class="'+textStyle+'"></span></div>');
     
179. document.write('<div id="imgTitle">');
     
180. document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
     
181. //数字按钮代码开始
     
182. for(var i=1;i<imgUrl.length;i++){document.write('<a id="link'+i+'"
     
183. 
     
184. href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'"
     
185. 
     
186. onFocus="this.blur()">'+i+'</a>');}
     
187. //数字按钮代码结束
     
188. document.write('</div>');
     
189. document.write('</div>');
     
190. document.write('</div>');
     
191. }
     
192. //IE结束
     
193. </script>

复制代码

FLASH幻灯片代码

1. <script type="text/javascript">
   
2. var swf_width=266
   
3. var swf_height=252
   
4. var files="http://www.lemuria.com.cn/images/banner_180x250_tjyj.jpg|/hbcms/upload/image/big/f0/f02d876834758019e5c7ce6a8febd72d.jpg"
   
5. var links="http://www.lemuria.com.cn"
   
6. var texts="全民动员抵制日货"
   
7. document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
   
8. document.write('<param name="movie" value="img1.swf" /><param name="quality" value="high" />');
   
9. document.write('<param name="menu" value="false" /><param name=wmode value="opaque" />');
   
10. document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" />');
    
11. document.write('<embed src="img1.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    
12. document.write('</object>');
    
13. </script>

复制代码

天极网的javascript图片滚动效果代码

1. <!--焦点滚动图开始-->
   
2. <div class="y_ijdpic" id="__index002">
   
3. <SCRIPT>                    
   
4. var widths=282;                    
   
5. var heights=164;                    
   
6. var counts=5;   
   
7. var urls =new Array();
   
8. img1=new Image ();img1.src='http://www.yesky.com/imagelist/06/03/b6o3b53xuuat.jpg';
   
9. img2=new Image ();img2.src='http://www.yesky.com/imagelist/2007/234/6954vuk092po.jpg';  
   
10. img3=new Image ();img3.src='http://www.yesky.com/imagelist/2007/236/8x8060d9e76h.jpg';
    
11. img4=new Image ();img4.src='http://www.yesky.com/imagelist/2007/236/3p3b0964ax99.jpg';
    
12. img5=new Image ();img5.src='http://www.yesky.com/imagelist/2007/236/gc9kkrk1n1kr.jpg';
    
13. urls[1]='http://bj.yesky.com/bjfocus/367/3495867.shtml';
    
14. urls[2]='http://www.mydown.com/zhuanti/349/432349.shtml';   
    
15. urls[3]='http://gamepic.yesky.com/gamepic/yxzhuanti/426/509426.shtml';   
    
16. urls[4]='http://notebook.yesky.com/notebookkpzt/246/7510746.shtml';
    
17. urls[5]='http://notebook.yesky.com/notebookkpzt/391/3425391.shtml';
    
18. </SCRIPT>
    
19. <SCRIPT src="http://image2.yesky.com/TLimages/include/product/focus1.js"></SCRIPT>
    
20. </div>
    
21. <!--焦点滚动图结束-->

复制代码