Posted on 2011-05-02 12:39
哈希 阅读(142)
评论(0) 编辑 收藏 所属分类:
Js and Jquery 常用总结
1、很难理解输出形状吗?
其实很简单,不要被它吓懵了,首先你要明白输出,就是按行执行的,而且有顺序的输出,好了,要什么形状先画出来,总结规律,写代码依次输出就OK了,如金字塔
。。。。。*
。。。。* * *
。。。* * * * *
这样理解:左边输出一个梯形,ok,5,4,3,右边三角形1,3,5,for(int i=0;i<3;i++)这是行数,每行要转弯<br/>,for(int j=5;j>3;j--)这是“。”的输出规律,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();//得到当前月 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、数组的使用
数组的使用
1 <script language="javascript">
2
3 var names=["宋江","史进","花荣","李逵"];
4 var otherNames=new Array("及时雨","九纹龙","小李广","黑旋风");
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 笔记本设计大赛奖金60万<br>
16 3999元超值双核独显本荐<br>
17 精选6000以下主流笔记本<br>
18 学生用双核独显本大搜罗<br>
19 英特尔低电压轻薄笔记本<br>
20 热门16:9新宽屏笔记本荐<br>
21 英特尔超低电压轻薄本本<br>
22 市售各品牌个性本本推荐<br>
23 高端热销商务笔记本导购<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、