Posted on 2011-05-02 12:39
哈希 閱讀(147)
評論(0) 編輯 收藏 所屬分類:
Js and Jquery 常用總結(jié)
1、很難理解輸出形狀嗎？
其實很簡單，不要被它嚇懵了，首先你要明白輸出，就是按行執(zhí)行的，而且有順序的輸出，好了，要什么形狀先畫出來，總結(jié)規(guī)律，寫代碼依次輸出就OK了,如金字塔
。。。。。*
。。。。* * *
。。。* * * * *
這樣理解：左邊輸出一個梯形，ok，5,4,3，右邊三角形1,3,5，for(int i=0;i<3;i++)這是行數(shù)，每行要轉(zhuǎn)彎<br/>,for(int j=5;j>3;j--)這是“。”的輸出規(guī)律,for(int k=1;k<=2i-1;k++);這樣就出來了！
js輸出金字塔
1 <script type="text/javascript">
2 /*
3 我的第n個js程序
4 */
5
6 for(i=0;i<10;i++){
7
8 for(j=10;j>i;j--){
9 document.write(" ");
10 }
11 for(k=0;k<2*i+1;k++){
12 document.write("*");
13 }
14
15
16 document.write("<br/>");
17 }
18
19 for(i=1;i<=10;i++){
20 document.write("<hr width='"+(i*10)+"'>");
21 }
22 </script>
2、日歷的輸出:
日歷
1 <script language="javascript">
2 var time=new Date();
3 var rz=time.getDate();//22
4 document.write("日 一 二 三 四 五 六 <br/>");
5
6 var today=time.getDay();
7 var month=time.getMonth();//得到當(dāng)前月 2
8 time.setDate(1);
9 var xqq=time.getDay();
10 for(i=0;i<xqq;i++){
11 document.write(" ");
12 }
13
14 var tmp=1;
15
16 time.setDate(tmp);
17 while(time.getMonth()==month){
18
19 var cd=time.getDate();
20 if(cd<10){
21 document.write("0");
22 }
23 if(cd==rz){
24 document.write("<font color='red'>"+cd+"</font> ");
25 }
26 else{
27 document.write(cd+" ");
28 }
29
30 //星期六換行
31 if(time.getDay()==6){
32 document.write("<br/>");
33 }
34 tmp++;
35 time.setDate(tmp);
36 }
37 </script>
3、數(shù)組的使用
數(shù)組的使用
1 <script language="javascript">
2
3 var names=["宋江","史進","花榮","李逵"];
4 var otherNames=new Array("及時雨","九紋龍","小李廣","黑旋風(fēng)");
5
6 document.write("姓名"+" "+"江湖藝名<br/>");
7 document.write("------------------------------<br/>");
8 for(i=0;i<names.length;i++){
9 document.write(names[i]+" "+otherNames[i]+"<br/>");
10 }
11
12 for(var x in names){
13 alert(names[x]);
14 }
15
16 var hashNames={"及時雨":"宋江","豹子頭":"林沖"};
17
18 hashNames["獅子頭"]="劉歡";
19
20
21 for(var msg in hashNames){
22 document.write(hashNames[msg]);
23 }
24 </script>
4、
不間斷的字幕
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
4 <title>熙熙攘攘</title>
5 </head>
6
7 <body>
8 <table width="251" border="0" cellspacing="0" cellpadding="0" align="center">
9
10 <tr>
11 <td align="center" class="font14" >
12 <div id="div1" style=" overflow:hidden;height:150px; width=245px; border:1px solid red">
13 <div id="div2" style="background-color:#FFCC66" >
14 12寸熱門雙核筆記本推薦<br>
15 筆記本設(shè)計大賽獎金60萬<br>
16 3999元超值雙核獨顯本薦<br>
17 精選6000以下主流筆記本<br>
18 學(xué)生用雙核獨顯本大搜羅<br>
19 英特爾低電壓輕薄筆記本<br>
20 熱門16:9新寬屏筆記本薦<br>
21 英特爾超低電壓輕薄本本<br>
22 市售各品牌個性本本推薦<br>
23 高端熱銷商務(wù)筆記本導(dǎo)購<br>
24 惠普明星本閃耀暑期促銷!!!<br>
25 </div>
26 <div id=div3 style="background-color:#FFCC66">
27 </div>
28 </div>
29 </td>
30 </tr>
31 </table>
32 <script language="javascript">
33 div3.innerHTML=div2.innerHTML;
34 function paoPao(){
35 if(div1.scrollTop==div3.offsetTop)
36 {
37 div1.scrollTop=0;
38 }
39 else{
40 div1.scrollTop++;
41 }
42 }
43
44 var d=setInterval("paoPao()",30);
45 div1.onmouseover=function(){
46 clearInterval(d);
47 }
48 div1.onmouseout=function(){
49 d=setInterval("paoPao()",30);
50 }
51 </script>
52
53 </body>
54 </html>
55
5、