javascript入门学习随笔2

偶近日学习javascript初见成效，下附我今天晚上编的代码及效果，自以为有些许小收获，所以和大家分享一下~~~~

 1 <html>
 2    <head>
 3       <mata http-equiv="Content-Type" content="text/html;charset=gb2312">
 4       <title>自动变换文字颜色</title>
 5     </head>
 6     <body onload="setInterval('change()',1000);"add()";">
 7        <script language=javascript>
 8            var usertext="<h1 align=center>老大，您好！<br>请欣赏桃花，桃花女，桃花诗！</hl>";
 9            var x=0;
10            var color=new Array("blue","black","red","yellow","green","orange","purple");
11            document.write('<div id="userdiv"><center><b>'+usertext+'</b></center></div>');
12            function change()
13            {
14               document.all.userdiv.style.color=color[x];
15               (x<color.length-1)?x++:x=0;
16            }
17            </script>
18            <center><b>图片加载</b>---<font size="+1" color="green">桃花</font></center><hr>
19            <p align="center"><img src="1.jpg"></p>
20            <h2 align="center">桃花庵歌</h2>
21            <p   align="center"  style="font-family:华文行楷"
22 >&nbsp;&nbsp;&nbsp;&nbsp;唐晏</p>
23             <hr align=left size=5 width="50%" color="yellow">
24             <div align="center">
25              <p>桃花坞里桃花庵，桃花庵下桃花仙。桃花仙人种桃树，又摘桃花换酒钱。</p>
26              <p>...</p>
27              <p>别人笑我太疯癫，我笑他人看不穿。不见五陵豪杰墓，无花无酒锄作田。</p>
28              </div>
29              <hr align=center size=7 width="80%" color=blue>
30               <div align=left>
31               <p>&nbsp;&nbsp;&nbsp;&nbsp;唐晏(1470-1523),字伯虎，一字子畏，晚年奉佛，号六如居士，...</p>
32                </div>
33                <hr align=right size=6 width="80%" color=red>
34                <div align=right>明诗人 唐晏
35              </div>
36         </body>
37 </html>
38

鉴于刚才我试了大半天也没能将运行的屏幕截下来，所以我把1.jpg上传了下来，感兴趣的话可以运行一下试试~~~

posted @ 2012-07-20 21:51  ran555  阅读(179)  评论(0)    收藏  举报