各位大大~
我想讓頁面上的DIV不要一次秀出,希望隔一秒才秀出下一個
不知道要怎麼寫才可以呈現這樣的效果
下面是我目前寫的
先謝謝各位大大~
<meta http-equiv="Content-Type" c="c" utf-8=""/>pic <link rel="stylesheet" href="http://warren.mesozen.com/wp-content/themes/winston/css/lightbox.css" type="text/css" media="screen"/>
我想讓頁面上的DIV不要一次秀出,希望隔一秒才秀出下一個
不知道要怎麼寫才可以呈現這樣的效果
下面是我目前寫的
先謝謝各位大大~
以下內容為程式語法:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" c />
5 <title>pic</title>
6 <link rel="stylesheet" href="http://warren.mesozen.com/wp-content/themes/winston/css/lightbox.css" type="text/css" media="screen" />
7 <script type="text/javascript" src="http://warren.mesozen.com/wp-content/themes/winston/js/jquery.js"></script>
8 <script type="text/javascript" src="http://warren.mesozen.com/wp-content/themes/winston/js/jquery.lightbox.js"></script>
9 <script src="http://warren.mesozen.com/wp-content/themes/winston/js/winston.js"></script>
10 <style type="text/css">
11 <!--
12 .screenshot {
13 /* display: none;*/
14 position:relative;
15 float:left;
16 margin:12px 0px 12px 24px;
17 overflow:hidden;
18 width:120px;
19 height:120px;
20 background-color: #FFFFFF;
21 text-align : center;
22 /* Firefox, Chrome */
23 line-height : 120px;
24 white-space : nowrap;
25 /* IE */
26 *font-size : 96px; /* 200px * 0.8 = 180px */
27 *font-family : Arial;
28 border:1px dashed #ccc;
29 }
30 -->
31 </style>
32 </head>
33
34 <body>
35 <script type="text/javascript">
36 function pic()
37 {
38 document.write("<div class='screenshot'><a href='PriveLink.asp?s=images/big/gallery/db"+t+".jpg' class='lightbox' rel='graph' title="+d[t-1]+"><img name='g"+t+"' border='0' src='images/small/gallery/ds"+t+".jpg' alt="+d[t-1]+" title="+d[t-1]+" id='g"+t+"'/></a></div>");
39 }
40
41
42 var d=["A","B","C","D","E","F","G","H","I","j"];
43 for (t=1; t<=d.length; t++){
44 pic()
45 }
46 </script>
47 </body>
48 </html>
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" c />
5 <title>pic</title>
6 <link rel="stylesheet" href="http://warren.mesozen.com/wp-content/themes/winston/css/lightbox.css" type="text/css" media="screen" />
7 <script type="text/javascript" src="http://warren.mesozen.com/wp-content/themes/winston/js/jquery.js"></script>
8 <script type="text/javascript" src="http://warren.mesozen.com/wp-content/themes/winston/js/jquery.lightbox.js"></script>
9 <script src="http://warren.mesozen.com/wp-content/themes/winston/js/winston.js"></script>
10 <style type="text/css">
11 <!--
12 .screenshot {
13 /* display: none;*/
14 position:relative;
15 float:left;
16 margin:12px 0px 12px 24px;
17 overflow:hidden;
18 width:120px;
19 height:120px;
20 background-color: #FFFFFF;
21 text-align : center;
22 /* Firefox, Chrome */
23 line-height : 120px;
24 white-space : nowrap;
25 /* IE */
26 *font-size : 96px; /* 200px * 0.8 = 180px */
27 *font-family : Arial;
28 border:1px dashed #ccc;
29 }
30 -->
31 </style>
32 </head>
33
34 <body>
35 <script type="text/javascript">
36 function pic()
37 {
38 document.write("<div class='screenshot'><a href='PriveLink.asp?s=images/big/gallery/db"+t+".jpg' class='lightbox' rel='graph' title="+d[t-1]+"><img name='g"+t+"' border='0' src='images/small/gallery/ds"+t+".jpg' alt="+d[t-1]+" title="+d[t-1]+" id='g"+t+"'/></a></div>");
39 }
40
41
42 var d=["A","B","C","D","E","F","G","H","I","j"];
43 for (t=1; t<=d.length; t++){
44 pic()
45 }
46 </script>
47 </body>
48 </html>
<meta http-equiv="Content-Type" c="c" utf-8=""/>