由下而上捲動的佈告欄

woff

1. 
   
2. <!--webbot bot="HTMLMarkup" startspan -->
   
3. <style type="text/css">
   
4. <!--
   
5. .textanimlink,a {
   
6. text-decoration : none;
   
7. }
   
8. P.main {
   
9. font-family : Arial;
   
10. font-size   : 12pt;
    
11. font-weight : bold;
    
12. }
    
13. -->
    
14. </style>
    
15. 
    
16. <Script Language="javascript">
    
17. <!-- Hiding
    
18. 
    
19. /*
    
20. Script created by Lefteris Haritou
    
21. (lef@the.forthnet.gr)
    
22. Permission granted to Dynamicdrive.com to feature the script
    
23. For more DHTML scripts, visit Dynamicdrive.com
    
24. */
    
25. 
    
26. bname=navigator.appName;
    
27. bversion=parseInt(navigator.appVersion)
    
28. if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))
    
29. window.onload=start
    
30. else
    
31. stop();
    
32. window.onunload=stop
    
33. if (bname=="Netscape"){
    
34. brows=true
    
35. dt=2
    
36. }
    
37. else{
    
38. brows=false
    
39. dt=20
    
40. }
    
41. var z=0;
    
42. var msg=0;
    
43. var rgb=0;
    
44. var link=false;
    
45. var status=true;
    
46. var updwn=false;
    
47. var message= new Array();
    
48. var value=0;
    
49. var h=window.innerHeight;
    
50. var w=window.innerWidth;
    
51. var timer1;
    
52. var timer2;
    
53. var timer3;
    
54. var convert = new Array()
    
55. var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
    
56. 
    
57. // Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)
    
58. 
    
59. var bgcolor="#120087"; //Color of background
    
60. var color="#55CCFF";  //Color of the Letters
    
61. 
    
62. message[0] ='這是一個佈告欄'
    
63. message[1] ='文字顏色'
    
64. message[2] ='可由淺變深'
    
65. message[3] ='<a href="url()">亦可加入超連結</a>'
    
66. 
    
67. // Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)
    
68. 
    
69. for (x=0; x<16; x++){
    
70. for (y=0; y<16; y++){
    
71. convert[value]= hexbase[x] + hexbase[y];
    
72. value++;
    
73. }
    
74. }
    
75. 
    
76. redx=color.substring(1,3);
    
77. greenx=color.substring(3,5);
    
78. bluex=color.substring(5,7);
    
79. hred=eval(parseInt(redx,16));
    
80. hgreen=eval(parseInt(greenx,16));
    
81. hblue=eval(parseInt(bluex,16));
    
82. eredx=bgcolor.substring(1,3);
    
83. egreenx=bgcolor.substring(3,5);
    
84. ebluex=bgcolor.substring(5,7);
    
85. ered=eval(parseInt(eredx,16));
    
86. egreen=eval(parseInt(egreenx,16));
    
87. eblue=eval(parseInt(ebluex,16));
    
88. red=ered;
    
89. green=egreen;
    
90. blue=eblue;
    
91. 
    
92. function start(){
    
93. if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
    
94. link=false;
    
95. updwn=true;
    
96. if (brows)
    
97. res=document.layers['textanim'].top
    
98. else{
    
99. textanim.style.width=document.body.offsetWidth-20;
    
100. textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'
     
101. res=textanim.style.top
     
102. for (x=0; x<document.all.length; x++)
     
103. if(document.all[x].id=="textanimlink")
     
104. link=true;
     
105. }
     
106. up()
     
107. }
     
108. }
     
109. 
     
110. function stop(){
     
111. clearTimeout(timer1);
     
112. clearTimeout(timer2);
     
113. clearTimeout(timer3);
     
114. }
     
115. 
     
116. function resz(){
     
117. h=window.innerHeight;
     
118. w=window.innerWidth;
     
119. if (updwn)
     
120. timer1=setTimeout('up()',1000)
     
121. else
     
122. timer2=setTimeout('down()',1000)
     
123. }
     
124. 
     
125. function breakf(){
     
126. if (status){
     
127. clearTimeout(timer1);
     
128. clearTimeout(timer2);
     
129. status=false
     
130. return;
     
131. }
     
132. else{
     
133. status=true;
     
134. if (updwn)
     
135. timer1=setTimeout('up()',dt)
     
136. else
     
137. timer2=setTimeout('down()',dt)
     
138. }
     
139. }
     
140. 
     
141. 
     
142. function up(){
     
143. if (red<hred){
     
144. if ((red+7)<hred)
     
145. red+=7;
     
146. else
     
147. red=hred
     
148. redx = convert[red]
     
149. }
     
150. else{
     
151. if ((red-7)>hred)
     
152. red-=7;
     
153. else
     
154. red=hred
     
155. redx = convert[red]
     
156. }
     
157. 
     
158. if (green<hgreen){
     
159. if ((green+7)<hgreen)
     
160. green+=7;
     
161. else
     
162. green=hgreen
     
163. greenx = convert[green]
     
164. }
     
165. else{
     
166. if ((green-7)>hgreen)
     
167. green-=7;
     
168. else
     
169. green=hgreen
     
170. greenx = convert[green]
     
171. }
     
172. 
     
173. if (blue<hblue){
     
174. if ((blue+7)<hblue)
     
175. blue+=7;
     
176. else
     
177. blue=hblue
     
178. bluex = convert[blue]
     
179. }
     
180. else{
     
181. if ((blue-7)>hblue)
     
182. blue-=7;
     
183. else
     
184. blue=hblue
     
185. bluex = convert[blue]
     
186. }
     
187. 
     
188. rgb = "#"+redx+greenx+bluex;
     
189. if (brows){
     
190. document.layers['textanim'].document.linkColor=rgb;
     
191. document.layers['textanim'].document.vlinkColor=rgb;
     
192. if (window.innerHeight!=h || window.innerWidth!=w){
     
193. clearTimeout(timer1);
     
194. resz()
     
195. return;
     
196. }
     
197. else{
     
198. document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
     
199. document.layers['textanim'].document.close();
     
200. }
     
201. }
     
202. else{
     
203. textanim.style.color=rgb;
     
204. if(link)
     
205. textanimlink.style.color=rgb;
     
206. }
     
207. if (z<38){
     
208. if (brows)
     
209. document.layers['textanim'].top--
     
210. else
     
211. textanim.style.posTop--
     
212. z++
     
213. timer1=setTimeout('up()',dt)
     
214. }
     
215. else
     
216. {
     
217. updwn=false;
     
218. down()
     
219. }
     
220. }
     
221. 
     
222. 
     
223. function down(){
     
224. if (red<ered){
     
225. if ((red+7)<ered)
     
226. red+=7;
     
227. else
     
228. red=ered
     
229. redx = convert[red]
     
230. }
     
231. else{
     
232. if ((red-7)>ered)
     
233. red-=7;
     
234. else
     
235. red=ered
     
236. redx = convert[red]
     
237. }
     
238. 
     
239. if (green<egreen){
     
240. if ((green+7)<egreen)
     
241. green+=7;
     
242. else
     
243. green=egreen
     
244. greenx = convert[green]
     
245. }
     
246. else{
     
247. if ((green-7)>egreen)
     
248. green-=7;
     
249. else
     
250. green=egreen
     
251. greenx = convert[green]
     
252. }
     
253. 
     
254. if (blue<eblue){
     
255. if ((blue+7)<eblue)
     
256. blue+=7;
     
257. else
     
258. blue=eblue
     
259. bluex = convert[blue]
     
260. }
     
261. else{
     
262. if ((blue-7)>eblue)
     
263. blue-=7;
     
264. else
     
265. blue=eblue
     
266. bluex = convert[blue]
     
267. }
     
268. 
     
269. rgb = "#"+redx+greenx+bluex;
     
270. if (brows){
     
271. document.layers['textanim'].document.linkColor=rgb;
     
272. document.layers['textanim'].document.vlinkColor=rgb;
     
273. if (window.innerHeight!=h || window.innerWidth!=w){
     
274. clearTimeout(timer2);
     
275. resz()
     
276. return;
     
277. }
     
278. else{
     
279. document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
     
280. document.layers['textanim'].document.close();
     
281. }
     
282. }
     
283. else{
     
284. textanim.style.color=rgb;
     
285. if(link)
     
286. textanimlink.style.color=rgb;
     
287. }
     
288. 
     
289. if (z<76){
     
290. if (brows)
     
291. document.layers['textanim'].top--
     
292. else
     
293. textanim.style.posTop--
     
294. z++
     
295. timer2=setTimeout('down()',dt)
     
296. }
     
297. else
     
298. {
     
299. if (brows){
     
300. document.layers['textanim'].document.write('')
     
301. document.layers['textanim'].document.close();
     
302. }
     
303. else
     
304. textanim.innerHTML='';
     
305. window.clearInterval(timer2);
     
306. if(msg<message.length-1){
     
307. msg++;
     
308. z=0;
     
309. if (brows){
     
310. document.layers['textanim'].top=res;
     
311. }
     
312. else
     
313. textanim.style.top=res;
     
314. timer3=setTimeout('start()',100);
     
315. }
     
316. else
     
317. {
     
318. msg=0;
     
319. z=0;
     
320. if (brows)
     
321. document.layers['textanim'].top=res;
     
322. else
     
323. textanim.style.top=res;
     
324. timer3=setTimeout('start()',2000);
     
325. }
     
326. }
     
327. }
     
328. 
     
329. // done hiding -->
     
330. </Script>
     
331. 
     
332. <Div id="textanim" style="position: absolute; left: 0; top: 250" onclick="breakf()">
     
333. </Div>
     
334. <Layer name="textanim" left=0 top=250>
     
335. </Layer>
     
336. <!--webbot bot="HTMLMarkup" endspan -->

複製代碼

outdoor19800033

ding   支持  

熊貫廷

支持~~  

wl02991840

不錯!不錯!