设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
楼主: 卫星星

[无忧经典旧帖] == 众多高手的心血集合

[复制链接]
 楼主| 发表于 2003-3-15 21:19:05 | 显示全部楼层
用函数画图

  1. <script language="javascript">
  2. count = 40
  3. colorAdder = 255/count
  4. scaleSize = 3
  5. var speed = []
  6. var n = 0
  7. for(b=0;b!=count+1;b++){
  8. a = count - b
  9. speed[b] = Math.cos(b/100)
  10. document.write('<OBJECT ID="RDS" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="position:absolute;top:0;left:0;width:350;height:350"><PARAM NAME="Line0001" VALUE="SetLineStyle(1)"><PARAM NAME="Line0002" VALUE="SetFillStyle(1)"><PARAM NAME="Line0003" VALUE="SetLineColor('+(b*colorAdder)+','+((b/2)*colorAdder)+','+0+')"><PARAM NAME="Line0004" VALUE="SetFillColor('+(a*colorAdder)+','+((a/2)*colorAdder)+','+0+')"><PARAM NAME="Line0005" VALUE="Rect('+(-(a/2)*(scaleSize/2))+', '+(-(a*2)*(scaleSize/2))+', '+(a*scaleSize)+', '+(a*scaleSize)+', 0)"></OBJECT>')
  11. }
  12. function DoStuff(){
  13. n+=0.01
  14. var tempval2 = speed.slice(1,speed.length)
  15. speed = tempval2.concat([Math.cos(n)*50])

  16. for(a=0;a!=count+1;a++){
  17. RDS[a].Rotate(0,0,speed[a]/2)
  18. }
  19. }
  20. setInterval("DoStuff()",10)
  21. </script>
复制代码
 楼主| 发表于 2003-3-15 21:19:39 | 显示全部楼层
区分innerHTML和outerHTML


  1. <span onclick="alert(this.innerHTML)">我用innerHTML</span>
  2. <span onclick="alert(this.outerHTML)">我用outerHTML</span>

复制代码
 楼主| 发表于 2003-3-15 21:20:15 | 显示全部楼层
让IE的F1帮助变成自己的

  1. <body onhelp="window.showHelp('http://localhost/bencalie/index.htm');return false">

复制代码
 楼主| 发表于 2003-3-15 21:20:52 | 显示全部楼层
第六次写无边窗口


  1. <html>

  2. <head>
  3. <script language=javascript>

  4. minimizebar="minimize.gif";   //窗口右上角最小化“按钮”的图片
  5. minimizebar2="minimize2.gif"; //鼠标悬停时最小化“按钮”的图片
  6. closebar="close.gif";         //窗口右上角关闭“按钮”的图片
  7. closebar2="close2.gif";       //鼠标悬停时关闭“按钮”的图片
  8. icon="icon.gif";              //窗口左上角的小图标

  9. function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr)  //定义一个弹出无边窗口的函数,能数意义见下面“参数说明”,实际使用见最后的实例。
  10. /*
  11. ------------------参数说明-------------------
  12. fileName   :无边窗口中显示的文件。
  13. w       :窗口的宽度。
  14. h       :窗口的高度。
  15. titleBg    :窗口“标题栏”的背景色以及窗口边框颜色。
  16. moveBg     :窗口拖动时“标题栏”的背景色以及窗口边框颜色。
  17. titleColor :窗口“标题栏”文字的颜色。
  18. titleWord  :窗口“标题栏”的文字。
  19. scr        :是否出现滚动条。取值yes/no或者1/0。
  20. --------------------------------------------
  21. */
  22. {
  23.   var contents="<html>"+
  24.                "<head>"+
  25.                        "<title>"+titleWord+"</title>"+
  26.                            "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">"+
  27.                            "<object id=hhctrl type='application/x-oleobject' classid='clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11'><param name='Command' value='minimize'></object>"+
  28.                            "</head>"+
  29.                "<body topmargin=0 leftmargin=0 scroll=no onselectstart='return false' ondragstart='return false'>"+
  30.                            "  <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+
  31.                            "    <tr height=18 style=cursor:default; onmousedown='x=event.x;y=event.y;setCapture();mainTab.bgColor=\""+moveBg+"\";' onmouseup='releaseCapture();mainTab.bgColor=\""+titleBg+"\";' onmousemove='if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);'>"+
  32.                            "      <td width=18 align=center><img height=12 width=12 border=0 src="+icon+"></td>"+
  33.                            "      <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span></td>"+
  34.                            "      <td width=14><img border=0 width=12 height=12 alt=最小化 src="+minimizebar+" onmousedown=hhctrl.Click(); onmouseover=this.src='"+minimizebar2+"' onmouseout=this.src='"+minimizebar+"'></td>"+
  35.                            "      <td width=13><img border=0 width=12 height=12 alt=关闭 src="+closebar+" onmousedown=self.close(); onmouseover=this.src='"+closebar2+"' onmouseout=this.src='"+closebar+"'></td>"+
  36.                            "    </tr>"+
  37.                            "    <tr height=*>"+
  38.                            "      <td colspan=4>"+
  39.                            "        <iframe name=nbw_v6_iframe src="+fileName+" scrolling="+scr+" width=100% height=100% frameborder=0></iframe>"+
  40.                            "      </td>"+
  41.                            "    </tr>"+
  42.                            "  </table>"+
  43.                            "</body>"+
  44.                            "</html>";

  45.   pop=window.open("","_blank","fullscreen=yes");
  46.   pop.resizeTo(w,h);
  47.   pop.moveTo((screen.width-w)/2,(screen.height-h)/2);
  48.   pop.document.writeln(contents);

  49.   if(pop.document.body.clientWidth!=w||pop.document.body.clientHeight!=h)  //如果无边窗口不是出现在纯粹的IE窗口中
  50.   {
  51.     temp=window.open("","nbw_v6");
  52.         temp.close();
  53.         window.showModalDialog("about:<"+"script language=javascript>window.open('','nbw_v6','fullscreen=yes');window.close();"+"</"+"script>","","dialogWidth:0px;dialogHeight:0px");
  54.         pop2=window.open("","nbw_v6");
  55.     pop2.resizeTo(w,h);
  56.     pop2.moveTo((screen.width-w)/2,(screen.height-h)/2);
  57.     pop2.document.writeln(contents);
  58.         pop.close();
  59.   }
  60. }
  61. </script>
  62. </head>

  63. <body>

  64. <!----------------- 实例一(按钮),修改参数可改变窗口样式 ----------------->
  65. <button onclick=noBorderWin('test.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');>open</button>

  66. <br><br>

  67. <!----------------- 实例二(链接),修改参数可改变窗口样式 ----------------->
  68. <a href=#none onclick=noBorderWin('test.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');>open</a>

  69. <br><br>

  70. <!----------------- 实例三(图片),修改参数可改变窗口样式 ----------------->
  71. <img src=none height=30 width=60 alt=open style="cursor:hand" onclick=noBorderWin('test.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','no');>无滚动条的

  72. </body>

  73. </html>
复制代码
 楼主| 发表于 2003-3-15 21:24:04 | 显示全部楼层
用HTC做的一个 ToolBar


  1. 将下面的代码另存为 toolBar.htc

  2. <PUBLIC:COMPONENT>
  3. <PUBLIC:ATTACH onevent="contextmenu()" event="oncontextmenu"/>
  4. <PUBLIC:ATTACH onevent="mouseover()" event="onmouseover"/>
  5. <PUBLIC:ATTACH onevent="mouseout()" event="onmouseout"/>
  6. <PUBLIC:ATTACH onevent="mouseup()" event="onmouseup"/>
  7. <PUBLIC:ATTACH onevent="mousedown()" event="onmousedown"/>
  8. </PUBLIC:COMPONENT>
  9. <script language="JScript">
  10. element.runtimeStyle.filter="Glow(Color='lime',Strength='10')";
  11. function contextmenu()
  12. {
  13. event.returnValue=false;
  14. }
  15. function mouseover()
  16. {
  17. element.runtimeStyle.posTop=element.style.posTop-2;
  18. element.runtimeStyle.posLeft=element.style.posLeft-2;
  19. element.runtimeStyle.filter="Glow(Color='red',Strength='10')";
  20. }
  21. function mouseout()
  22. {
  23. element.runtimeStyle.posTop=element.style.posTop+2;
  24. element.runtimeStyle.posLeft=element.style.posLeft+2;
  25. element.runtimeStyle.filter="Glow(Color='lime',Strength='10')";
  26. }
  27. function mouseup()
  28. {
  29. element.runtimeStyle.posTop=element.style.posTop-1;
  30. element.runtimeStyle.posLeft=element.style.posLeft-1;
  31. element.runtimeStyle.borderWidth="2px";
  32. }
  33. function mousedown()
  34. {
  35. element.runtimeStyle.posTop=element.style.posTop+1;
  36. element.runtimeStyle.posLeft=element.style.posLeft+1;
  37. }
  38. </script>


  39. 然后就可以使用
  40. <style>
  41. .toolBar{behavior:url(toolbar.htc);}
  42. </style>
  43. <body>
  44. <div align="center" class="toolBar"style="cursor:hand;position:absolute;padding-top:10px;top:10;left:5;width:70;height:70;z-index:9;">
  45. <img src="font.gif" alt="增加文字">
  46. </div>
  47. </body>
复制代码
 楼主| 发表于 2003-3-15 21:24:39 | 显示全部楼层
在做项目的时候,由于查找出来的记录很多,用户要求按下一个健后,如果以这个字母或者数字、其他字符开头的进程名称存在的话,就直接选定那个名称,于是我就用JS模拟了一个简单的查找文件的过程。
把文本框放到表格中(通过CSS把文本框隐藏,并且只读),为了简单我没有放上CSS,如果需要,请自己写一个,代码如下:(非常得少,而且简单 :))

  1. <html>
  2. <head>
  3. <title>Display Processes Stat</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <link href="style" rel="stylesheet" type="text/css"></head><body leftmargin="0" topmargin="0">
  6. <script language="javascript">
  7. Count=0
  8. OldKey="";
  9. IfExists=false;
  10. function document.onkeypress(){
  11. if(document.all.ProcessTimes.value>0){
  12.   if((Count==document.all.ProcessName.length) || (OldKey!=String.fromCharCode(event.keyCode))){
  13.      Count=0;
  14.   }      
  15.     NewKey=String.fromCharCode(event.keyCode);
  16.     OldKey=String.fromCharCode(event.keyCode);   
  17.     Search=false;   
  18.   for(j=Count;j<document.all.ProcessName.length;j++){  
  19.        Str=document.all.ProcessName[j].value;      
  20.        Tmp=Str.substr(0,1);           
  21.        if(Tmp==NewKey ){
  22.         document.all.ProcessName[j].focus();
  23.         document.all.ProcessName[j].select();
  24.         Count=j+1;   
  25.         Search=true;
  26.         IfExists=true;
  27.         break;
  28.         }        
  29.         Count++;        
  30.         }            
  31.     if( Search==false && IfExists==true){
  32.       IfExists=false;
  33.       Count=0;
  34.       document.onkeypress();
  35.       }
  36.   }
  37. }
  38. </script>



  39. <table width="100%" border="1" cellpadding="2" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" class="txt105"style="border-collapse: collapse" >
  40.   <tr>
  41.     <td align="right" nowrap width="11%">
  42.       <input name="textfield416" type="text" id=ProcessName class="input4" value="ssdfk;d" size="19" readonly>
  43.     </td>
  44.     <td align="right" nowrap width="5%">
  45.       <input name="textfield42" type="text" id=ProcessName class="input4" value="k;lk;kl;" size="8" readonly>
  46.     </td>
  47.     <td align="right" nowrap width="5%">
  48.       <input name="textfield43"  type="text" id=ProcessName class="input4left" value="kkkk" size="8" readonly>
  49.     </td>
  50.     <td align="right" nowrap width="5%">
  51.       <input name="textfield44" type="text" id=ProcessName class="input4left" value="sd" size="8" readonly>
  52.     </td>
  53.     <td align="right" nowrap width="6%">
  54.       <input name="textfield45" type="text" id=ProcessName class="input4" value="jkl;" size="10" readonly>
  55.     </td>
  56.     <td align="right" nowrap width="6%">
  57.       <input name="textfield46" type="text" id=ProcessName class="input4" value="poiuyy" size="10" readonly>
  58.     </td>
  59.     <td align="right" nowrap width="5%">
  60.       <input name="textfield47" type="text" id=ProcessName class="input4" value="kuoiuouhgkh" size="8" readonly>
  61.     </td>
  62.     <td align="right" nowrap width="7%">
  63.       <input name="textfield48" type="text" id=ProcessName class="input4" value="qwetyuyi" size="12" readonly>
  64.     </td>
  65.     <td align="right" nowrap width="5%">
  66.       <input name="textfield49" type="text" id=ProcessName class="input4left" value="iuytre" size="8" readonly>
  67.     </td>
  68.   </tr>
  69.   <tr>
  70.     <td align="right" nowrap width="11%">
  71.       <input name="textfield4" type="text" id=ProcessName class="input4" value="serty" size="19" readonly>
  72.     </td>
  73.     <td align="right" nowrap width="5%">
  74.       <input name="textfield42" type="text" id=ProcessName class="input4" value="mnhgbv" size="8" readonly>
  75.     </td>
  76.     <td align="right" nowrap width="5%">
  77.       <input name="textfield43" id=ProcessName type="text" id=ProcessName class="input4left" value="sdfghk" size="8" readonly>
  78.     </td>
  79.     <td align="right" nowrap width="5%">
  80.       <input name="textfield44" type="text" id=ProcessName class="input4left" value="pmbnvfj" size="8" readonly>
  81.     </td>
  82.     <td align="right" nowrap width="6%">
  83.       <input name="textfield45" type="text" id=ProcessName class="input4" value="yutree" size="10" readonly>
  84.     </td>
  85.     <td align="right" nowrap width="6%">
  86.       <input name="textfield46" type="text" id=ProcessName class="input4" value="mjkl;h" size="10" readonly>
  87.     </td>
  88.     <td align="right" nowrap width="5%">
  89.       <input name="textfield47" type="text" id=ProcessName class="input4" value="fdsa" size="8" readonly>
  90.     </td>
  91.     <td align="right" nowrap width="7%">
  92.       <input name="textfield48" type="text" id=ProcessName class="input4" value="lkjhgf" size="12" readonly>
  93.     </td>
  94.     <td align="right" nowrap width="5%">
  95.       <input name="textfield49" type="text" id=ProcessName class="input4left" value="fdsa" size="8" readonly>
  96.     </td>
  97.   </tr>
  98.   <input type=hidden  name=ProcessTimes value="2">
  99. </table>
  100. </body>
  101. </html>
复制代码
 楼主| 发表于 2003-3-15 21:27:00 | 显示全部楼层
旋钮音量调整


  1. <html>

  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  5. <meta name="ProgId" content="FrontPage.Editor.Document">
  6. <title>音量旋钮调整原理</title>
  7. </head>

  8. <body onselectstart="return false">
  9. <span id=box></span>
  10. <br>
  11. <span  id="round" style="CURSOR: hand; background-image: url('http://netroom.hbu.edu.cn/personal/stroll/round.gif'); width: 150px; background-repeat: no-repeat; height: 150px" onmousedown="CMP=true" onmouseup="CMP=false" onmouseout="CMP=false">
  12. <img id="point" style="LEFT: 0px; CURSOR: hand; POSITION: relative; TOP: 0px; z-index: -1" src="http://netroom.hbu.edu.cn/personal/stroll/point.gif" border="0" width="10" height="10">
  13. </span>


  14. <script>

  15.                 with(point.style)
  16.                 {
  17.                         pixelLeft = Math.round((round.offsetWidth/2))
  18.                         pixelTop  = Math.round((round.offsetHeight/2)-50)
  19.                        
  20.                 }


  21. var CMP = false

  22. var Angle1 = Math.PI/180  //一度的弧度

  23. var AngleList = ""

  24. for(i=1;i<300;i++)
  25. {
  26.         AngleList += i+","+Math.round(100*Math.sin(Angle1*i))+","+Math.round(100*Math.cos(Angle1*i))
  27.        
  28.         if(i<299)
  29.                 AngleList += ";"
  30. }


  31. function round.onmousemove()
  32. {
  33.         var X   = Math.round(event.clientX - round.offsetLeft - (round.offsetWidth/2))
  34.        
  35.         var Y   = Math.round((round.offsetHeight/2) + round.offsetTop - event.clientY )
  36.        
  37.         var R   = Math.round(Math.sqrt(Math.pow(X,2)+Math.pow(Y,2)))
  38.        
  39.         var Sin = Math.round(100*X/R)
  40.        
  41.         var Cos = Math.round(100*Y/R)
  42.        
  43.         var re = eval("/\\d+,"+Sin+","+Cos+"/")
  44.        
  45.        
  46.         if(re.test(AngleList)&&CMP)
  47.         {
  48.                 box.innerText="音量:"+Math.round(100*((parseInt(AngleList.match(re)[0].split(",")[0])-1)/298))+"  角度:"+AngleList.match(re)[0].split(",")[0]+"   R: "+R+"  X: "+X+"  Y: "+Y+"   Sin: "+Sin+"   Cos: "+Cos
  49.                 with(point.style)
  50.                 {
  51.                         pixelLeft = Math.round((round.offsetWidth/2)+50*(X/R))
  52.                         pixelTop  = Math.round((round.offsetHeight/2)-50*(Y/R))
  53.                        
  54.                 }
  55.                
  56.         }               
  57. }

  58. </script>



  59. </body>

  60. </html>


复制代码
 楼主| 发表于 2003-3-15 21:27:34 | 显示全部楼层
关闭父窗口(无提示)

  1. <script>
  2. opener="";
  3. window.open().document.write("<input value='关闭父窗口' type='button' onclick='opener.window.close()'>");
  4. </script>
复制代码
 楼主| 发表于 2003-3-15 21:28:24 | 显示全部楼层
表头不动,表格内容滚动(上)


  1.   <TABLE border=1 borderColorDark=#000000 borderColorLight=#ffffff cellPadding=1   
  2. cellSpacing=0 style="font-family: 宋体; font-size: 10pt;
  3. border-style: solid; border-color: #996600" width="870" height="1">
  4.     <TBODY>
  5.     <TR>
  6.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" nowrap width="66">单位</TD>
  7.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" nowrap width="60">2</TD>
  8.       <TD align=middle bgColor=#ffcc99 height="13" rowspan="2" width="66">3</TD>
  9.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" width="57">4</TD>
  10.       <TD align=middle bgColor=#ffcc99 height="13" rowspan="2" width="54" nowrap>5</TD>
  11.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" nowrap width="50">6</TD>
  12.       <TD align=middle bgColor=#ffcc99 height="13" rowspan="2" width="61" nowrap>7</TD>
  13.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" width="49">8</TD>
  14.       <TD align=middle bgColor=#ffcc99 height="13" rowspan="2" width="75">9</TD>
  15.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" width="76">10</TD>
  16.       <TD align=middle bgColor=#ffcc99 height="13" rowspan="2" width="43">11</TD>
  17.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" width="47">12</TD>
  18.       <TD align=center bgColor=#ffcc99 colspan=3  height="13" width="166">13</TD>
  19.       <TD align=middle bgColor=#ffcc99 rowSpan=2  height="13" width="18"></TD>
  20.     </tr>
  21.     <TR>
  22.       <TD align=center bgColor=#ffcc99  height="13" width="59">14</TD>
  23.       <TD align=center bgColor=#ffcc99  height="13" width="51">15</TD>
  24.       <TD align=center bgColor=#ffcc99  height="13" width="52">16</TD>
  25.     </tr>
  26. <tr>
  27. <td colspan=16 width="870">
  28. <div style="overflow:auto;height:250">
  29. <table width="870" border="1" cellspacing="0" cellpadding="0">
  30. <!--the above???-->

  31.   

  32. <TR align=middle   
  33. onClick=change(event.srcElement);>

  34.     <TD nowrap height="13" width="66" align=left> <strong>
  35.       <p align="center">合计                                    </strong></TD>
  36.   

  37.     <TD  height="13" width="60" align=right nowrap><strong>
  38.       <p align="right">-6,056</p>
  39.      </strong></TD>
  40.      <TD height="13" width="66" align=right nowrap><strong>-14.01%</strong></TD>
  41.    <TD height="13"  width="57" align=right nowrap><strong>
  42.       <p align="right">106,765</p>
  43.     </strong> </TD>
  44.    <TD  height="13" width="54" align=right nowrap><strong>-5.67%</strong></TD>

  45.   <TD  height="13" width="50" align="right" nowrap><strong>49,721</strong></TD>
  46.   <TD  height="13" width="61" align=right nowrap><strong>115.03%</strong></TD>
  47.   <TD  height="13" width="49" align=right nowrap><strong>25.76%</strong></TD>
  48.   <TD  height="13" width="75"  align="right" nowrap><strong>3,844,804</strong></TD>
  49.   <TD  height="13" width="76"  align="right" nowrap><strong>8,418,815</strong></TD>
  50.   
  51. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  52. <strong>0.59%</strong>
  53. </TD>      
  54.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  55.   <strong>-0.21%</strong>
  56.   </TD>

  57.   <TD  height="13" width="59" align=right nowrap><strong>491,833</strong></TD>
  58.   <TD height="13" width="51" align=right nowrap><strong>39,659</strong></TD>

  59. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  60. <strong>7.46%</strong>
  61. </TD>  
  62.    
  63.         
  64. </tr>
  65.       

  66. <TR align=middle style="background:#eeeeee;"   
  67. onClick=change(event.srcElement);>

  68.     <TD nowrap height="13" width="66" align=left>
  69.       1</TD>
  70.   

  71.     <TD  height="13" width="60" align=right nowrap>
  72.       <p align="right">3,629</p>
  73.      </TD>
  74.      <TD height="13" width="66" align=right nowrap>54.40%</TD>
  75.    <TD height="13"  width="57" align=right nowrap>
  76.       <p align="right">4,853</p>
  77.      </TD>
  78.    <TD  height="13" width="54" align=right nowrap>74.78%</TD>

  79.   <TD  height="13" width="50" align="right" nowrap>3,239</TD>
  80.   <TD  height="13" width="61" align=right nowrap>48.55%</TD>
  81.   <TD  height="13" width="49" align=right nowrap>14.39%</TD>
  82.   <TD  height="13" width="75"  align="right" nowrap>397,286</TD>
  83.   <TD  height="13" width="76"  align="right" nowrap>611,124</TD>
  84.   
  85. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  86. 0.53%
  87. </TD>      
  88.   <TD height="13" width="47" nowrap  align="right">
  89.   1.08%
  90.   </TD>

  91.   <TD  height="13" width="59" align=right nowrap>73,376</TD>
  92.   <TD height="13" width="51" align=right nowrap>7,363</TD>

  93. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  94. 9.12%
  95. </TD>  
  96.    
  97.         
  98. </tr>
  99.       

  100. <TR align=middle   
  101. onClick=change(event.srcElement);>

  102.     <TD nowrap height="13" width="66" align=left>
  103.       2</TD>
  104.   

  105.     <TD  height="13" width="60" align=right nowrap>
  106.       <p align="right">-259</p>
  107.      </TD>
  108.      <TD height="13" width="66" align=right nowrap>-6.04%</TD>
  109.    <TD height="13"  width="57" align=right nowrap>
  110.       <p align="right">7,541</p>
  111.      </TD>
  112.    <TD  height="13" width="54" align=right nowrap>-3.43%</TD>

  113.   <TD  height="13" width="50" align="right" nowrap>4,551</TD>
  114.   <TD  height="13" width="61" align=right nowrap>106.16%</TD>
  115.   <TD  height="13" width="49" align=right nowrap>15.25%</TD>
  116.   <TD  height="13" width="75"  align="right" nowrap>287,006</TD>
  117.   <TD  height="13" width="76"  align="right" nowrap>643,564</TD>
  118.   
  119. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  120. 0.71%
  121. </TD>      
  122.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  123.   -0.09%
  124.   </TD>

  125.   <TD  height="13" width="59" align=right nowrap>23,032</TD>
  126.   <TD height="13" width="51" align=right nowrap>3,463</TD>

  127. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  128. 13.07%
  129. </TD>  
  130.    
  131.         
  132. </tr>
  133.       

  134. <TR align=middle style="background:#eeeeee;"   
  135. onClick=change(event.srcElement);>

  136.     <TD nowrap height="13" width="66" align=left>
  137.       3</TD>
  138.   

  139.     <TD  height="13" width="60" align=right nowrap>
  140.       <p align="right">-252</p>
  141.      </TD>
  142.      <TD height="13" width="66" align=right nowrap>-8.63%</TD>
  143.    <TD height="13"  width="57" align=right nowrap>
  144.       <p align="right">10,352</p>
  145.      </TD>
  146.    <TD  height="13" width="54" align=right nowrap>-2.43%</TD>

  147.   <TD  height="13" width="50" align="right" nowrap>3,193</TD>
  148.   <TD  height="13" width="61" align=right nowrap>109.31%</TD>
  149.   <TD  height="13" width="49" align=right nowrap>24.00%</TD>
  150.   <TD  height="13" width="75"  align="right" nowrap>186,789</TD>
  151.   <TD  height="13" width="76"  align="right" nowrap>436,694</TD>
  152.   
  153. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  154. 0.73%
  155. </TD>      
  156.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  157.   -0.15%
  158.   </TD>

  159.   <TD  height="13" width="59" align=right nowrap>28,533</TD>
  160.   <TD height="13" width="51" align=right nowrap>2,371</TD>

  161. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  162. 7.67%
  163. </TD>  
  164.    
  165.         
  166. </tr>
  167.       

  168. <TR align=middle   
  169. onClick=change(event.srcElement);>

  170.     <TD nowrap height="13" width="66" align=left>
  171.       4</TD>
  172.   

  173.     <TD  height="13" width="60" align=right nowrap>
  174.       <p align="right">51</p>
  175.      </TD>
  176.      <TD height="13" width="66" align=right nowrap>1.86%</TD>
  177.    <TD height="13"  width="57" align=right nowrap>
  178.       <p align="right">7,474</p>
  179.      </TD>
  180.    <TD  height="13" width="54" align=right nowrap>0.68%</TD>

  181.   <TD  height="13" width="50" align="right" nowrap>2,712</TD>
  182.   <TD  height="13" width="61" align=right nowrap>98.83%</TD>
  183.   <TD  height="13" width="49" align=right nowrap>23.14%</TD>
  184.   <TD  height="13" width="75"  align="right" nowrap>126,902</TD>
  185.   <TD  height="13" width="76"  align="right" nowrap>310,089</TD>
  186.   
  187. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  188. 0.87%
  189. </TD>      
  190.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  191.   0.04%
  192.   </TD>

  193.   <TD  height="13" width="59" align=right nowrap>22,907</TD>
  194.   <TD height="13" width="51" align=right nowrap>2,327</TD>

  195. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  196. 9.22%
  197. </TD>  
  198.    
  199.         
  200. </tr>
  201.       

  202. <TR align=middle style="background:#eeeeee;"   
  203. onClick=change(event.srcElement);>

  204.     <TD nowrap height="13" width="66" align=left>
  205.       5</TD>
  206.   

  207.     <TD  height="13" width="60" align=right nowrap>
  208.       <p align="right">-171</p>
  209.      </TD>
  210.      <TD height="13" width="66" align=right nowrap>-8.31%</TD>
  211.    <TD height="13"  width="57" align=right nowrap>
  212.       <p align="right">4,974</p>
  213.      </TD>
  214.    <TD  height="13" width="54" align=right nowrap>-3.44%</TD>

  215.   <TD  height="13" width="50" align="right" nowrap>2,230</TD>
  216.   <TD  height="13" width="61" align=right nowrap>108.36%</TD>
  217.   <TD  height="13" width="49" align=right nowrap>21.08%</TD>
  218.   <TD  height="13" width="75"  align="right" nowrap>97,342</TD>
  219.   <TD  height="13" width="76"  align="right" nowrap>272,542</TD>
  220.   
  221. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  222. 0.82%
  223. </TD>      
  224.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  225.   -0.20%
  226.   </TD>

  227.   <TD  height="13" width="59" align=right nowrap>28,916</TD>
  228.   <TD height="13" width="51" align=right nowrap>1,913</TD>

  229. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  230. 6.21%
  231. </TD>  
  232.    
  233.         
  234. </tr>
  235.       

  236. <TR align=middle   
  237. onClick=change(event.srcElement);>

  238.     <TD nowrap height="13" width="66" align=left>
  239.       6</TD>
  240.   

  241.     <TD  height="13" width="60" align=right nowrap>
  242.       <p align="right">-549</p>
  243.      </TD>
  244.      <TD height="13" width="66" align=right nowrap>-11.99%</TD>
  245.    <TD height="13"  width="57" align=right nowrap>
  246.       <p align="right">16,688</p>
  247.      </TD>
  248.    <TD  height="13" width="54" align=right nowrap>-3.29%</TD>

  249.   <TD  height="13" width="50" align="right" nowrap>5,155</TD>
  250.   <TD  height="13" width="61" align=right nowrap>112.55%</TD>
  251.   <TD  height="13" width="49" align=right nowrap>29.33%</TD>
  252.   <TD  height="13" width="75"  align="right" nowrap>236,528</TD>
  253.   <TD  height="13" width="76"  align="right" nowrap>640,910</TD>
  254.   
  255. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  256. 0.80%
  257. </TD>      
  258.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  259.   -0.28%
  260.   </TD>

  261.   <TD  height="13" width="59" align=right nowrap>42,752</TD>
  262.   <TD height="13" width="51" align=right nowrap>4,245</TD>

  263. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  264. 9.03%
  265. </TD>  
  266.    
  267.         
  268. </tr>
  269.       

  270. <TR align=middle style="background:#eeeeee;"   
  271. onClick=change(event.srcElement);>

  272.     <TD nowrap height="13" width="66" align=left>
  273.       7</TD>
  274.   

  275.     <TD  height="13" width="60" align=right nowrap>
  276.       <p align="right">-187</p>
  277.      </TD>
  278.      <TD height="13" width="66" align=right nowrap>-8.37%</TD>
  279.    <TD height="13"  width="57" align=right nowrap>
  280.       <p align="right">7,352</p>
  281.      </TD>
  282.    <TD  height="13" width="54" align=right nowrap>-2.54%</TD>

  283.   <TD  height="13" width="50" align="right" nowrap>2,425</TD>
  284.   <TD  height="13" width="61" align=right nowrap>108.55%</TD>
  285.   <TD  height="13" width="49" align=right nowrap>44.54%</TD>
  286.   <TD  height="13" width="75"  align="right" nowrap>117,424</TD>
  287.   <TD  height="13" width="76"  align="right" nowrap>299,197</TD>
  288.   
  289. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  290. 0.81%
  291. </TD>      
  292.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  293.   -0.17%
  294.   </TD>

  295.   <TD  height="13" width="59" align=right nowrap>20,187</TD>
  296.   <TD height="13" width="51" align=right nowrap>1,728</TD>

  297. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  298. 7.89%
  299. </TD>  
  300.    
  301.         
  302. </tr>
  303.       

  304. <TR align=middle   
  305. onClick=change(event.srcElement);>

  306.     <TD nowrap height="13" width="66" align=left>
  307.       8</TD>
  308.   

  309.     <TD  height="13" width="60" align=right nowrap>
  310.       <p align="right">-782</p>
  311.      </TD>
  312.      <TD height="13" width="66" align=right nowrap>-546.85%</TD>
  313.    <TD height="13"  width="57" align=right nowrap>
  314.       <p align="right">2,162</p>
  315.      </TD>
  316.    <TD  height="13" width="54" align=right nowrap>-36.17%</TD>

  317.   <TD  height="13" width="50" align="right" nowrap>933</TD>
  318.   <TD  height="13" width="61" align=right nowrap>652.45%</TD>
  319.   <TD  height="13" width="49" align=right nowrap>211.19%</TD>
  320.   <TD  height="13" width="75"  align="right" nowrap>25,868</TD>
  321.   <TD  height="13" width="76"  align="right" nowrap>133,374</TD>
  322.   
  323. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  324. 0.70%
  325. </TD>      
  326.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  327.   -3.50%
  328.   </TD>

  329.   <TD  height="13" width="59" align=right nowrap>22,947</TD>
  330.   <TD height="13" width="51" align=right nowrap>544</TD>

  331. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  332. 2.32%
  333. </TD>  
  334.    
  335.         
  336. </tr>
  337.       

  338. <TR align=middle style="background:#eeeeee;"   
  339. onClick=change(event.srcElement);>

  340.     <TD nowrap height="13" width="66" align=left>
  341.       9</TD>
  342.   

  343.     <TD  height="13" width="60" align=right nowrap>
  344.       <p align="right">-1,037</p>
  345.      </TD>
  346.      <TD height="13" width="66" align=right nowrap>-779.70%</TD>
  347.    <TD height="13"  width="57" align=right nowrap>
  348.       <p align="right">3,001</p>
  349.      </TD>
  350.    <TD  height="13" width="54" align=right nowrap>-34.56%</TD>

  351.   <TD  height="13" width="50" align="right" nowrap>1,174</TD>
  352.   <TD  height="13" width="61" align=right nowrap>882.71%</TD>
  353.   <TD  height="13" width="49" align=right nowrap>269.92%</TD>
  354.   <TD  height="13" width="75"  align="right" nowrap>37,504</TD>
  355.   <TD  height="13" width="76"  align="right" nowrap>154,743</TD>
  356.   
  357. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  358. 0.76%
  359. </TD>      
  360.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  361.   -3.16%
  362.   </TD>

  363.   <TD  height="13" width="59" align=right nowrap>23,339</TD>
  364.   <TD height="13" width="51" align=right nowrap>912</TD>

  365. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  366. 3.76%
  367. </TD>  
  368.    
  369.         
  370. </tr>
  371.       

  372. <TR align=middle   
  373. onClick=change(event.srcElement);>

  374.     <TD nowrap height="13" width="66" align=left>
  375.       0</TD>
  376.   

  377.     <TD  height="13" width="60" align=right nowrap>
  378.       <p align="right">86</p>
  379.      </TD>
  380.      <TD height="13" width="66" align=right nowrap>4.81%</TD>
  381.    <TD height="13"  width="57" align=right nowrap>
  382.       <p align="right">4,106</p>
  383.      </TD>
  384.    <TD  height="13" width="54" align=right nowrap>2.09%</TD>

  385.   <TD  height="13" width="50" align="right" nowrap>1,715</TD>
  386.   <TD  height="13" width="61" align=right nowrap>95.97%</TD>
  387.   <TD  height="13" width="49" align=right nowrap>24.29%</TD>
  388.   <TD  height="13" width="75"  align="right" nowrap>91,145</TD>
  389.   <TD  height="13" width="76"  align="right" nowrap>197,345</TD>
  390.   
  391. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  392. 0.87%
  393. </TD>      
  394.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  395.   0.11%
  396.   </TD>

  397.   <TD  height="13" width="59" align=right nowrap>11,082</TD>
  398.   <TD height="13" width="51" align=right nowrap>1,642</TD>

  399. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  400. 12.90%
  401. </TD>  
  402.    
  403.         
  404. </tr>
  405.       

  406. <TR align=middle style="background:#eeeeee;"   
  407. onClick=change(event.srcElement);>

  408.     <TD nowrap height="13" width="66" align=left>
  409.     </TD>
  410.   

  411.     <TD  height="13" width="60" align=right nowrap>
  412.       <p align="right">-260</p>
  413.      </TD>
  414.      <TD height="13" width="66" align=right nowrap>-11.51%</TD>
  415.    <TD height="13"  width="57" align=right nowrap>
  416.       <p align="right">6,908</p>
  417.      </TD>
  418.    <TD  height="13" width="54" align=right nowrap>-3.76%</TD>

  419.   <TD  height="13" width="50" align="right" nowrap>2,537</TD>
  420.   <TD  height="13" width="61" align=right nowrap>112.36%</TD>
  421.   <TD  height="13" width="49" align=right nowrap>24.55%</TD>
  422.   <TD  height="13" width="75"  align="right" nowrap>120,888</TD>
  423.   <TD  height="13" width="76"  align="right" nowrap>282,896</TD>
  424.   
  425. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  426. 0.90%
  427. </TD>      
  428.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  429.   -0.24%
  430.   </TD>

  431.   <TD  height="13" width="59" align=right nowrap>19,520</TD>
  432.   <TD height="13" width="51" align=right nowrap>2,350</TD>

  433. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  434. 10.75%
  435. </TD>  
  436.    
  437.         
  438. </tr>
  439.       

  440. <TR align=middle   
  441. onClick=change(event.srcElement);>

  442.     <TD nowrap height="13" width="66" align=left>
  443.     </TD>
  444.   

  445.     <TD  height="13" width="60" align=right nowrap>
  446.       <p align="right">-205</p>
  447.      </TD>
  448.      <TD height="13" width="66" align=right nowrap>-34.45%</TD>
  449.    <TD height="13"  width="57" align=right nowrap>
  450.       <p align="right">2,442</p>
  451.      </TD>
  452.    <TD  height="13" width="54" align=right nowrap>-8.39%</TD>

  453.   <TD  height="13" width="50" align="right" nowrap>815</TD>
  454.   <TD  height="13" width="61" align=right nowrap>136.97%</TD>
  455.   <TD  height="13" width="49" align=right nowrap>53.95%</TD>
  456.   <TD  height="13" width="75"  align="right" nowrap>54,358</TD>
  457.   <TD  height="13" width="76"  align="right" nowrap>124,445</TD>
复制代码
 楼主| 发表于 2003-3-15 21:29:10 | 显示全部楼层
表头不动,表格内容滚动(下)



  1. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  2. 0.65%
  3. </TD>      
  4.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  5.   -0.41%
  6.   </TD>

  7.   <TD  height="13" width="59" align=right nowrap>11,249</TD>
  8.   <TD height="13" width="51" align=right nowrap>729</TD>

  9. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  10. 6.09%
  11. </TD>  
  12.    
  13.         
  14. </tr>
  15.       

  16. <TR align=middle style="background:#eeeeee;"   
  17. onClick=change(event.srcElement);>

  18.     <TD nowrap height="13" width="66" align=left>
  19.     </TD>
  20.   

  21.     <TD  height="13" width="60" align=right nowrap>
  22.       <p align="right">-457</p>
  23.      </TD>
  24.      <TD height="13" width="66" align=right nowrap>-212.56%</TD>
  25.    <TD height="13"  width="57" align=right nowrap>
  26.       <p align="right">1,889</p>
  27.      </TD>
  28.    <TD  height="13" width="54" align=right nowrap>-24.19%</TD>

  29.   <TD  height="13" width="50" align="right" nowrap>675</TD>
  30.   <TD  height="13" width="61" align=right nowrap>313.95%</TD>
  31.   <TD  height="13" width="49" align=right nowrap>130.23%</TD>
  32.   <TD  height="13" width="75"  align="right" nowrap>43,160</TD>
  33.   <TD  height="13" width="76"  align="right" nowrap>117,411</TD>
  34.   
  35. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  36. 0.57%
  37. </TD>      
  38.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  39.   -1.15%
  40.   </TD>

  41.   <TD  height="13" width="59" align=right nowrap>9,379</TD>
  42.   <TD height="13" width="51" align=right nowrap>429</TD>

  43. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  44. 4.37%
  45. </TD>  
  46.    
  47.         
  48. </tr>
  49.       

  50. <TR align=middle   
  51. onClick=change(event.srcElement);>

  52.     <TD nowrap height="13" width="66" align=left>
  53.     </TD>
  54.   

  55.     <TD  height="13" width="60" align=right nowrap>
  56.       <p align="right">-314</p>
  57.      </TD>
  58.      <TD height="13" width="66" align=right nowrap>-62.80%</TD>
  59.    <TD height="13"  width="57" align=right nowrap>
  60.       <p align="right">2,678</p>
  61.      </TD>
  62.    <TD  height="13" width="54" align=right nowrap>-11.73%</TD>

  63.   <TD  height="13" width="50" align="right" nowrap>817</TD>
  64.   <TD  height="13" width="61" align=right nowrap>163.40%</TD>
  65.   <TD  height="13" width="49" align=right nowrap>54.05%</TD>
  66.   <TD  height="13" width="75"  align="right" nowrap>52,204</TD>
  67.   <TD  height="13" width="76"  align="right" nowrap>136,428</TD>
  68.   
  69. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  70. 0.60%
  71. </TD>      
  72.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  73.   -0.64%
  74.   </TD>

  75.   <TD  height="13" width="59" align=right nowrap>11,255</TD>
  76.   <TD height="13" width="51" align=right nowrap>640</TD>

  77. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  78. 5.38%
  79. </TD>  
  80.    
  81.         
  82. </tr>
  83.       

  84. <TR align=middle style="background:#eeeeee;"   
  85. onClick=change(event.srcElement);>

  86.     <TD nowrap height="13" width="66" align=left>
  87.     </TD>
  88.   

  89.     <TD  height="13" width="60" align=right nowrap>
  90.       <p align="right">-247</p>
  91.      </TD>
  92.      <TD height="13" width="66" align=right nowrap>-6.74%</TD>
  93.    <TD height="13"  width="57" align=right nowrap>
  94.       <p align="right">10,240</p>
  95.      </TD>
  96.    <TD  height="13" width="54" align=right nowrap>-2.41%</TD>

  97.   <TD  height="13" width="50" align="right" nowrap>3,991</TD>
  98.   <TD  height="13" width="61" align=right nowrap>108.95%</TD>
  99.   <TD  height="13" width="49" align=right nowrap>26.89%</TD>
  100.   <TD  height="13" width="75"  align="right" nowrap>194,058</TD>
  101.   <TD  height="13" width="76"  align="right" nowrap>455,806</TD>
  102.   
  103. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  104. 0.88%
  105. </TD>      
  106.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  107.   -0.15%
  108.   </TD>

  109.   <TD  height="13" width="59" align=right nowrap>34,134</TD>
  110.   <TD height="13" width="51" align=right nowrap>3,286</TD>

  111. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  112. 8.78%
  113. </TD>  
  114.    
  115.         
  116. </tr>
  117.       

  118. <TR align=middle   
  119. onClick=change(event.srcElement);>

  120.     <TD nowrap height="13" width="66" align=left>
  121.     </TD>
  122.   

  123.     <TD  height="13" width="60" align=right nowrap>
  124.       <p align="right">-300</p>
  125.      </TD>
  126.      <TD height="13" width="66" align=right nowrap>-9.06%</TD>
  127.    <TD height="13"  width="57" align=right nowrap>
  128.       <p align="right">11,049</p>
  129.      </TD>
  130.    <TD  height="13" width="54" align=right nowrap>-2.72%</TD>

  131.   <TD  height="13" width="50" align="right" nowrap>3,611</TD>
  132.   <TD  height="13" width="61" align=right nowrap>109.09%</TD>
  133.   <TD  height="13" width="49" align=right nowrap>18.55%</TD>
  134.   <TD  height="13" width="75"  align="right" nowrap>213,290</TD>
  135.   <TD  height="13" width="76"  align="right" nowrap>523,577</TD>
  136.   
  137. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  138. 0.69%
  139. </TD>      
  140.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  141.   -0.15%
  142.   </TD>

  143.   <TD  height="13" width="59" align=right nowrap>32,339</TD>
  144.   <TD height="13" width="51" align=right nowrap>2,944</TD>

  145. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  146. 8.34%
  147. </TD>  
  148.    
  149.         
  150. </tr>
  151.       

  152. <TR align=middle style="background:#eeeeee;"   
  153. onClick=change(event.srcElement);>

  154.     <TD nowrap height="13" width="66" align=left>
  155.     </TD>
  156.   

  157.     <TD  height="13" width="60" align=right nowrap>
  158.       <p align="right">-481</p>
  159.      </TD>
  160.      <TD height="13" width="66" align=right nowrap>-202.10%</TD>
  161.    <TD height="13"  width="57" align=right nowrap>
  162.       <p align="right">1,190</p>
  163.      </TD>
  164.    <TD  height="13" width="54" align=right nowrap>-40.42%</TD>

  165.   <TD  height="13" width="50" align="right" nowrap>731</TD>
  166.   <TD  height="13" width="61" align=right nowrap>307.14%</TD>
  167.   <TD  height="13" width="49" align=right nowrap>84.80%</TD>
  168.   <TD  height="13" width="75"  align="right" nowrap>22,432</TD>
  169.   <TD  height="13" width="76"  align="right" nowrap>107,970</TD>
  170.   
  171. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  172. 0.68%
  173. </TD>      
  174.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  175.   -2.32%
  176.   </TD>

  177.   <TD  height="13" width="59" align=right nowrap>21,205</TD>
  178.   <TD height="13" width="51" align=right nowrap>401</TD>

  179. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  180. 1.86%
  181. </TD>  
  182.    
  183.         
  184. </tr>
  185.       

  186. <TR align=middle   
  187. onClick=change(event.srcElement);>

  188.     <TD nowrap height="13" width="66" align=left>
  189.     </TD>
  190.   

  191.     <TD  height="13" width="60" align=right nowrap>
  192.       <p align="right">-173</p>
  193.      </TD>
  194.      <TD height="13" width="66" align=right nowrap>-12.58%</TD>
  195.    <TD height="13"  width="57" align=right nowrap>
  196.       <p align="right">5,074</p>
  197.      </TD>
  198.    <TD  height="13" width="54" align=right nowrap>-3.41%</TD>

  199.   <TD  height="13" width="50" align="right" nowrap>1,556</TD>
  200.   <TD  height="13" width="61" align=right nowrap>113.16%</TD>
  201.   <TD  height="13" width="49" align=right nowrap>37.60%</TD>
  202.   <TD  height="13" width="75"  align="right" nowrap>67,109</TD>
  203.   <TD  height="13" width="76"  align="right" nowrap>205,408</TD>
  204.   
  205. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  206. 0.76%
  207. </TD>      
  208.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  209.   -0.30%
  210.   </TD>

  211.   <TD  height="13" width="59" align=right nowrap>27,647</TD>
  212.   <TD height="13" width="51" align=right nowrap>1,126</TD>

  213. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  214. 3.91%
  215. </TD>  
  216.    
  217.         
  218. </tr>
  219.       

  220. <TR align=middle style="background:#eeeeee;"   
  221. onClick=change(event.srcElement);>

  222.     <TD nowrap height="13" width="66" align=left>
  223.     </TD>
  224.   

  225.     <TD  height="13" width="60" align=right nowrap>
  226.       <p align="right"> </p>
  227.      </TD>
  228.      <TD height="13" width="66" align=right nowrap> </TD>
  229.    <TD height="13"  width="57" align=right nowrap>
  230.       <p align="right"> </p>
  231.      </TD>
  232.    <TD  height="13" width="54" align=right nowrap> </TD>

  233.   <TD  height="13" width="50" align="right" nowrap> </TD>
  234.   <TD  height="13" width="61" align=right nowrap> </TD>
  235.   <TD  height="13" width="49" align=right nowrap> </TD>
  236.   <TD  height="13" width="75"  align="right" nowrap> </TD>
  237.   <TD  height="13" width="76"  align="right" nowrap> </TD>
  238.   
  239. <TD height="13" width="43" nowrap align="right">
  240.   
  241. </TD>      
  242.   <TD height="13" width="47" nowrap  align="right">
  243.    
  244.   </TD>

  245.   <TD  height="13" width="59" align=right nowrap> </TD>
  246.   <TD height="13" width="51" align=right nowrap>31</TD>

  247. <TD  height="13" width="52" nowrap align="right">
  248. 100.00%
  249. </TD>  
  250.    
  251.         
  252. </tr>
  253.       

  254. <TR align=middle   
  255. onClick=change(event.srcElement);>

  256.     <TD nowrap height="13" width="66" align=left>
  257.     </TD>
  258.   

  259.     <TD  height="13" width="60" align=right nowrap>
  260.       <p align="right"> </p>
  261.      </TD>
  262.      <TD height="13" width="66" align=right nowrap> </TD>
  263.    <TD height="13"  width="57" align=right nowrap>
  264.       <p align="right"> </p>
  265.      </TD>
  266.    <TD  height="13" width="54" align=right nowrap> </TD>

  267.   <TD  height="13" width="50" align="right" nowrap> </TD>
  268.   <TD  height="13" width="61" align=right nowrap> </TD>
  269.   <TD  height="13" width="49" align=right nowrap> </TD>
  270.   <TD  height="13" width="75"  align="right" nowrap> </TD>
  271.   <TD  height="13" width="76"  align="right" nowrap> </TD>
  272.   
  273. <TD height="13" width="43" nowrap align="right">
  274.   
  275. </TD>      
  276.   <TD height="13" width="47" nowrap  align="right">
  277.    
  278.   </TD>

  279.   <TD  height="13" width="59" align=right nowrap> </TD>
  280.   <TD height="13" width="51" align=right nowrap>250</TD>

  281. <TD  height="13" width="52" nowrap align="right">
  282. 100.00%
  283. </TD>  
  284.    
  285.         
  286. </tr>
  287.       

  288. <TR align=middle style="background:#eeeeee;"   
  289. onClick=change(event.srcElement);>

  290.     <TD nowrap height="13" width="66" align=left>
  291.     </TD>
  292.   

  293.     <TD  height="13" width="60" align=right nowrap>
  294.       <p align="right">-83</p>
  295.      </TD>
  296.      <TD height="13" width="66" align=right nowrap>-12.22%</TD>
  297.    <TD height="13"  width="57" align=right nowrap>
  298.       <p align="right">2,146</p>
  299.      </TD>
  300.    <TD  height="13" width="54" align=right nowrap>-3.87%</TD>

  301.   <TD  height="13" width="50" align="right" nowrap>764</TD>
  302.   <TD  height="13" width="61" align=right nowrap>112.52%</TD>
  303.   <TD  height="13" width="49" align=right nowrap>43.15%</TD>
  304.   <TD  height="13" width="75"  align="right" nowrap>41,297</TD>
  305.   <TD  height="13" width="76"  align="right" nowrap>92,059</TD>
  306.   
  307. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  308. 0.83%
  309. </TD>      
  310.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  311.   -0.21%
  312.   </TD>

  313.   <TD  height="13" width="59" align=right nowrap>4,470</TD>
  314.   <TD height="13" width="51" align=right nowrap>588</TD>

  315. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  316. 11.63%
  317. </TD>  
  318.    
  319.         
  320. </tr>
  321.       

  322. <TR align=middle   
  323. onClick=change(event.srcElement);>

  324.     <TD nowrap height="13" width="66" align=left>
  325.     </TD>
  326.   

  327.     <TD  height="13" width="60" align=right nowrap>
  328.       <p align="right">-529</p>
  329.      </TD>
  330.      <TD height="13" width="66" align=right nowrap>-235.11%</TD>
  331.    <TD height="13"  width="57" align=right nowrap>
  332.       <p align="right">-5,354</p>
  333.      </TD>
  334.    <TD  height="13" width="54" align=right nowrap>9.88%</TD>

  335.   <TD  height="13" width="50" align="right" nowrap>754</TD>
  336.   <TD  height="13" width="61" align=right nowrap>335.11%</TD>
  337.   <TD  height="13" width="49" align=right nowrap>128.00%</TD>
  338.   <TD  height="13" width="75"  align="right" nowrap>30,080</TD>
  339.   <TD  height="13" width="76"  align="right" nowrap>136,959</TD>
  340.   
  341. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  342. 0.55%
  343. </TD>      
  344.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  345.   -1.99%
  346.   </TD>

  347.   <TD  height="13" width="59" align=right nowrap>23,564</TD>
  348.   <TD height="13" width="51" align=right nowrap>377</TD>

  349. <TD  height="13" width="52" nowrap  style="color: #FF0000" align="right">
  350. 1.57%
  351. </TD>  
  352.    
  353.         
  354. </tr>
  355.       

  356. <TR align=middle style="background:#eeeeee;"   
  357. onClick=change(event.srcElement);>

  358.     <TD nowrap height="13" width="66" align=left>
  359.     </TD>
  360.   

  361.     <TD  height="13" width="60" align=right nowrap>
  362.       <p align="right">1</p>
  363.      </TD>
  364.      <TD height="13" width="66" align=right nowrap>100.00%</TD>
  365.    <TD height="13"  width="57" align=right nowrap>
  366.       <p align="right"> </p>
  367.      </TD>
  368.    <TD  height="13" width="54" align=right nowrap> </TD>

  369.   <TD  height="13" width="50" align="right" nowrap> </TD>
  370.   <TD  height="13" width="61" align=right nowrap> </TD>
  371.   <TD  height="13" width="49" align=right nowrap> </TD>
  372.   <TD  height="13" width="75"  align="right" nowrap>138</TD>
  373.   <TD  height="13" width="76"  align="right" nowrap>274</TD>
  374.   
  375. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  376.   
  377. </TD>      
  378.   <TD height="13" width="47" nowrap  align="right">
  379.   0.72%
  380.   </TD>

  381.   <TD  height="13" width="59" align=right nowrap> </TD>
  382.   <TD height="13" width="51" align=right nowrap> </TD>

  383. <TD  height="13" width="52" nowrap align="right">

  384. </TD>  
  385.    
  386.         
  387. </tr>
  388.       

  389. <TR align=middle   
  390. onClick=change(event.srcElement);>

  391.     <TD nowrap height="13" width="66" align=left>
  392.     </TD>
  393.   

  394.     <TD  height="13" width="60" align=right nowrap>
  395.       <p align="right"> </p>
  396.      </TD>
  397.      <TD height="13" width="66" align=right nowrap> </TD>
  398.    <TD height="13"  width="57" align=right nowrap>
  399.       <p align="right"> </p>
  400.      </TD>
  401.    <TD  height="13" width="54" align=right nowrap> </TD>

  402.   <TD  height="13" width="50" align="right" nowrap> </TD>
  403.   <TD  height="13" width="61" align=right nowrap> </TD>
  404.   <TD  height="13" width="49" align=right nowrap> </TD>
  405.   <TD  height="13" width="75"  align="right" nowrap>373,749</TD>
  406.   <TD  height="13" width="76"  align="right" nowrap>468,988</TD>
  407.   
  408. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  409.   
  410. </TD>      
  411.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  412.    
  413.   </TD>

  414.   <TD  height="13" width="59" align=right nowrap> </TD>
  415.   <TD height="13" width="51" align=right nowrap> </TD>

  416. <TD  height="13" width="52" nowrap align="right">

  417. </TD>  
  418.    
  419.         
  420. </tr>
  421.       

  422. <TR align=middle style="background:#eeeeee;"   
  423. onClick=change(event.srcElement);>

  424.     <TD nowrap height="13" width="66" align=left>
  425.     </TD>
  426.   

  427.     <TD  height="13" width="60" align=right nowrap>
  428.       <p align="right">-3,537</p>
  429.      </TD>
  430.      <TD height="13" width="66" align=right nowrap>-135.73%</TD>
  431.    <TD height="13"  width="57" align=right nowrap>
  432.       <p align="right"> </p>
  433.      </TD>
  434.    <TD  height="13" width="54" align=right nowrap> </TD>

  435.   <TD  height="13" width="50" align="right" nowrap>6,143</TD>
  436.   <TD  height="13" width="61" align=right nowrap>235.73%</TD>
  437.   <TD  height="13" width="49" align=right nowrap> </TD>
  438.   <TD  height="13" width="75"  align="right" nowrap>1,008,241</TD>
  439.   <TD  height="13" width="76"  align="right" nowrap>2,027,000</TD>
  440.   
  441. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  442. 0.30%
  443. </TD>      
  444.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  445.   -1.10%
  446.   </TD>

  447.   <TD  height="13" width="59" align=right nowrap> </TD>
  448.   <TD height="13" width="51" align=right nowrap> </TD>

  449. <TD  height="13" width="52" nowrap align="right">

  450. </TD>  
  451.    
  452.         
  453. </tr>
  454.       

  455. <TR align=middle   
  456. onClick=change(event.srcElement);>

  457.     <TD nowrap height="13" width="66" align=left>
  458.     </TD>
  459.   

  460.     <TD  height="13" width="60" align=right nowrap>
  461.       <p align="right"> </p>
  462.      </TD>
  463.      <TD height="13" width="66" align=right nowrap> </TD>
  464.    <TD height="13"  width="57" align=right nowrap>
  465.       <p align="right"> </p>
  466.      </TD>
  467.    <TD  height="13" width="54" align=right nowrap> </TD>

  468.   <TD  height="13" width="50" align="right" nowrap> </TD>
  469.   <TD  height="13" width="61" align=right nowrap> </TD>
  470.   <TD  height="13" width="49" align=right nowrap> </TD>
  471.   <TD  height="13" width="75"  align="right" nowrap>20,006</TD>
  472.   <TD  height="13" width="76"  align="right" nowrap>40,012</TD>
  473.   
  474. <TD height="13" width="43" nowrap  style="color: #FF0000" align="right">
  475.   
  476. </TD>      
  477.   <TD height="13" width="47" nowrap style="color: #FF0000"  align="right">
  478.    
  479.   </TD>

  480.   <TD  height="13" width="59" align=right nowrap> </TD>
  481.   <TD height="13" width="51" align=right nowrap> </TD>

  482. <TD  height="13" width="52" nowrap align="right">

  483. </TD>  
  484.    
  485.         
  486. </tr>
  487.         
  488.    



  489. </TBODY></TABLE>
  490. </CENTER>  

  491. </table>
  492. </div>
  493. </td>
  494. </tr>


  495. </BODY>


  496. </HTML>


复制代码
 楼主| 发表于 2003-3-15 21:30:08 | 显示全部楼层
以图片来控制WMA文件的播放

  1. <html>
  2. <head>
  3. <script language=vbs>
  4. sub mplay
  5.   window.MPlay1.Play
  6.   window.imgpause.style.display=""
  7.   window.imgplay.style.display="none"
  8. end sub
  9. sub mstop
  10.   window.MPlay1.Stop
  11.   window.imgpause.style.display="none"
  12.   window.imgplay.style.display=""      
  13. end sub
  14. sub mpause
  15.   window.MPlay1.Pause
  16.   window.imgpause.style.display="none"
  17.   window.imgplay.style.display=""      
  18. end sub
  19. </script>

  20. </head>

  21. <body  bgcolor="#000000" >


  22.             <table border="0" width="100%" cellspacing="0" cellpadding="0">
  23.               <tr>
  24.                 <td width="5%"></td>
  25.                 <td width="5%"></td>
  26.                 <td width="5%"></td>
  27.                 <td width="5%"></td>
  28.                 <td width="5%"></td>
  29.                 <td width="5%"></td>
  30.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/0_mi.gif" border="0" width="89" height="82"></td>
  31.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/4_mi.gif" border="0" width="25" height="82"></td>
  32.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/8_mi.gif" border="0" width="32" height="82"></td>
  33.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/12_mi.gif" border="0" width="33" height="82"></td>
  34.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/16_mi.gif" border="0" width="33" height="82"></td>
  35.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/20_mi.gif" border="0" width="36" height="82"></td>
  36.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/24_mi.gif" border="0" width="25" height="82"></td>
  37.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/28_mi.gif" border="0" width="83" height="82"></td>
  38.                 <td width="5%"></td>
  39.                 <td width="5%"></td>
  40.                 <td width="5%"></td>
  41.                 <td width="5%"></td>
  42.                 <td width="5%"></td>
  43.                 <td width="5%"></td>
  44.               </tr>
  45.               <tr>
  46.                 <td width="5%"></td>
  47.                 <td width="5%"></td>
  48.                 <td width="5%"></td>
  49.                 <td width="5%"></td>
  50.                 <td width="5%"></td>
  51.                 <td width="5%"></td>
  52.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/1_mi.gif" border="0" width="89" height="153"></td>
  53.                 <td width="30%" colspan="6">
  54.                   <p align="center">
  55.                         <OBJECT id=MPlay1 style="LEFT: 0px; TOP: 0px" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
  56.         width=176 height=144 VIEWASTEXT>
  57.     <param name="AudioStream" value="-1">
  58.     <param name="AutoSize" value="0">
  59.     <param name="AutoStart" value="-1">
  60.     <param name="AnimationAtStart" value="-1">
  61.     <param name="AllowScan" value="-1">
  62.     <param name="AllowChangeDisplaySize" value="-1">
  63.     <param name="AutoRewind" value="0">
  64.     <param name="Balance" value="0">
  65.     <param name="BaseURL" value>
  66.     <param name="BufferingTime" value="5">
  67.     <param name="CaptioningID" value>
  68.     <param name="ClickToPlay" value="-1">
  69.     <param name="CursorType" value="0">
  70.     <param name="CurrentPosition" value="-1">
  71.     <param name="CurrentMarker" value="0">
  72.     <param name="DefaultFrame" value>
  73.     <param name="DisplayBackColor" value="0">
  74.     <param name="DisplayForeColor" value="16777215">
  75.     <param name="DisplayMode" value="0">
  76.     <param name="DisplaySize" value="0">
  77.     <param name="Enabled" value="-1">
  78.     <param name="EnableContextMenu" value="-1">
  79.     <param name="EnablePositionControls" value="-1">
  80.     <param name="EnableFullScreenControls" value="0">
  81.     <param name="EnableTracker" value="-1">
  82.     <param name="Filename" value="http://media.sst.org.cn/movie/f_cartoon/windowsMe.wmv">
  83.     <param name="InvokeURLs" value="-1">
  84.     <param name="Language" value="-1">
  85.     <param name="Mute" value="0">
  86.     <param name="PlayCount" value="100">
  87.     <param name="PreviewMode" value="0">
  88.     <param name="Rate" value="1">
  89.     <param name="SAMILang" value>
  90.     <param name="SAMIStyle" value>
  91.     <param name="SAMIFileName" value>
  92.     <param name="SelectionStart" value="-1">
  93.     <param name="SelectionEnd" value="-1">
  94.     <param name="SendOpenStateChangeEvents" value="-1">
  95.     <param name="SendWarningEvents" value="-1">
  96.     <param name="SendErrorEvents" value="-1">
  97.     <param name="SendKeyboardEvents" value="0">
  98.     <param name="SendMouseClickEvents" value="0">
  99.     <param name="SendMouseMoveEvents" value="0">
  100.     <param name="SendPlayStateChangeEvents" value="-1">
  101.     <param name="ShowCaptioning" value="0">
  102.     <param name="ShowControls" value="0">
  103.     <param name="ShowAudioControls" value="0">
  104.     <param name="ShowDisplay" value="0">
  105.     <param name="ShowGotoBar" value="0">
  106.     <param name="ShowPositionControls" value="0">
  107.     <param name="ShowStatusBar" value="0">
  108.     <param name="ShowTracker" value="0">
  109.     <param name="TransparentAtStart" value="0">
  110.     <param name="VideoBorderWidth" value="0">
  111.     <param name="VideoBorderColor" value="0">
  112.     <param name="VideoBorder3D" value="0">
  113.     <param name="Volume" value="-600">
  114.     <param name="WindowlessVideo" value="0"></OBJECT>
  115.                 </td>
  116.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/29_mi.gif" border="0" width="83" height="153"></td>
  117.                 <td width="5%"></td>
  118.                 <td width="5%"></td>
  119.                 <td width="5%"></td>
  120.                 <td width="5%"></td>
  121.                 <td width="5%"></td>
  122.                 <td width="5%"></td>
  123.               </tr>
  124.               <tr>
  125.                 <td width="5%"></td>
  126.                 <td width="5%"></td>
  127.                 <td width="5%"></td>
  128.                 <td width="5%"></td>
  129.                 <td width="5%"></td>
  130.                 <td width="5%"></td>
  131.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/2_mi.gif" border="0" width="89" height="46"></td>
  132.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/6_mi.gif" border="0" width="25" height="46"></td>
  133.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/10_mi.gif" border="0" width="32" height="46"></td>
  134.                 <td width="5%"><div id=imgplay style="display:none"><a onclick="MPlay()"><img style="cursor:hand" border="0" width="33" height="46" src="http://media.sst.org.cn/movie/images/14_mi.gif" alt="播放"></a></div>
  135.                                                            <div id=imgpause style="display:"><a onclick="MPause()"><img style="cursor:hand" border="0" width="33" height="46" src="http://media.sst.org.cn/movie/images/14_pause.gif" alt="暂停"></a></div>                </td>
  136.                 <td width="5%"><a onclick="MStop()"><img style="cursor:hand" border="0" width="33" height="46" src="http://media.sst.org.cn/movie/images/18_mi.gif" alt="停止"></a></td>
  137.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/22_mi.gif" border="0" width="36" height="46"></td>
  138.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/26_mi.gif" border="0" width="25" height="46"></td>
  139.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/30_mi.gif" border="0" width="83" height="46"></td>
  140.                 <td width="5%"></td>
  141.                 <td width="5%"></td>
  142.                 <td width="5%"></td>
  143.                 <td width="5%"></td>
  144.                 <td width="5%"></td>
  145.                 <td width="5%"></td>
  146.               </tr>
  147.               <tr>
  148.                 <td width="5%"></td>
  149.                 <td width="5%"></td>
  150.                 <td width="5%"></td>
  151.                 <td width="5%"></td>
  152.                 <td width="5%"></td>
  153.                 <td width="5%"></td>
  154.                 <td width="5%"></td>
  155.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/7_mi.gif" border="0" width="25" height="17"></td>
  156.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/11_mi.gif" border="0" width="32" height="17"></td>
  157.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/15_mi.gif" border="0" width="33" height="17"></td>
  158.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/19_mi.gif" border="0" width="33" height="17"></td>
  159.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/23_mi.gif" border="0" width="36" height="17"></td>
  160.                 <td width="5%"><img src="http://media.sst.org.cn/movie/images/27_mi.gif" border="0" width="25" height="17"></td>
  161.                 <td width="5%"></td>
  162.                 <td width="5%"></td>
  163.                 <td width="5%"></td>
  164.                 <td width="5%"></td>
  165.                 <td width="5%"></td>
  166.                 <td width="5%"></td>
  167.                 <td width="5%"></td>
  168.               </tr>
  169.               <tr>
  170.                 <td width="5%"></td>
  171.                 <td width="5%"></td>
  172.                 <td width="5%"></td>
  173.                 <td width="5%"></td>
  174.                 <td width="5%"></td>
  175.                 <td width="5%"></td>
  176.                 <td width="5%"></td>
  177.                 <td width="5%"></td>
  178.                 <td width="5%"></td>
  179.                 <td width="5%"></td>
  180.                 <td width="5%"></td>
  181.                 <td width="5%"></td>
  182.                 <td width="5%"></td>
  183.                 <td width="5%"></td>
  184.                 <td width="5%"></td>
  185.                 <td width="5%"></td>
  186.                 <td width="5%"></td>
  187.                 <td width="5%"></td>
  188.                 <td width="5%"></td>
  189.                 <td width="5%"></td>
  190.               </tr>
  191.             </table>

  192. </html>
复制代码
 楼主| 发表于 2003-3-15 21:30:51 | 显示全部楼层
RM文件连续播放


  1. <object id=video1 classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height=66 width=248>
  2.               <param name="controls" value="StatusBar,ControlPanel">
  3.               <param name="console" value="Clip1">
  4.               <param name="autostart" value="true">
  5.               <param name="src" value="http://www.shunderen.com/music/song.asp?checked=http://202.103.188.104:85/random/other/z/zajin/199907/06.rm,http://202.103.188.104:85/random/other/z/zajin/199907/10.rm,http://202.103.188.104:85/random/other/z/zajin/199907/16.rm">
  6.               <embed src="http://www.shunderen.com/music/song.asp?checked=http://202.103.188.104:85/random/other/z/zajin/199907/06.rm,http://202.103.188.104:85/random/other/z/zajin/199907/10.rm,http://202.103.188.104:85/random/other/z/zajin/199907/16.rm" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height=66 width=248 autostart=true>
  7.               </embed></object>
复制代码
 楼主| 发表于 2003-3-15 21:31:57 | 显示全部楼层
ASF文件连续播放


  1. <object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95   codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=7.0  height=33 width=87>
  2.               <param name="controls" value="StatusBar,ControlPanel">
  3.               <param name="console" value="Clip1">
  4.               <param name="autostart" value="true">
  5.               <param name="src" value="http://biyun.lili.cc/w/ceshi.asx">
  6.               <embed src="http://biyun.lili.cc/w/ceshi.asx" type="audio/x-pn-realaudio-plugin" console="Clip1" height=33 width=87 autostart=true>
  7.               </embed></object>

复制代码
 楼主| 发表于 2003-3-15 21:34:08 | 显示全部楼层
删除指定ID的 HTML 标签

  1. <table id=b border>
  2. <tr>
  3. <td>
  4. <span id=a> adf;ajksdkf</span>
  5. </td>
  6. </tr>
  7. </table>
  8. <input value=看代码 type=button onclick="alert(b.outerHTML)">
  9. <input value=删除span type=button onclick="a.removeNode(1)">
复制代码
 楼主| 发表于 2003-3-15 21:34:44 | 显示全部楼层
让input 不保留历吏记录


  1. 用隐藏项代替输入项

  2. 比如:
  3. <form name="form onSubmit="document.form.str2.value=document.form.str1.value;document.form.str1.value='';">
  4. <input type="text" name="str1">
  5. <input type="hidden" name="str2">
  6. <input type="submit" value="提交">
  7. </form>

  8. 取值时只要取 str2 的值就行了,原输入项就不会保留历吏记录

复制代码
 楼主| 发表于 2003-3-15 21:36:29 | 显示全部楼层
俄罗斯方块游戏——小逛制作


  1. <html>

  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  5. <meta name="ProgId" content="FrontPage.Editor.Document">
  6. <title>方块游戏——小逛制作</title>
  7. <style>
  8. TD{width: 20; height: 20}
  9. </style>
  10. </head>

  11. <body bgcolor="#000000" text="#0099FF" link="#0099FF" vlink="#0099FF" alink="#0099FF" style="line-height: 150%">
  12. <script>

  13.         document.body.innerHTML += '<DIV id="stage" style="position: absolute; top: 0; left: 0;"></DIV>' //游戏场地
  14.         document.body.innerHTML += '<div id="element_stage" style="position: absolute; top: 3; left: 500; width: 159; height: 152"></div>';//预显表
  15.         document.body.innerHTML += '<div id="obj_stage" style="position: absolute; top: 0; left: 132; display: block; z-index: 100"></div>';//活动层
  16.        
  17.        
  18.         var element_html = '<table id="element_table" border="1" width="100%" height="100%" bordercolor="#000000" cellspacing="0" cellpadding="0">';
  19.         var obj_html     = '<table id="obj_table" border="1" bordercolor="#000000" cellspacing="0" cellpadding="0">';
  20.        
  21.        
  22.        
  23.         for(h=0;h<=4;h++)       //-------生成预显表 和 活动层-------//
  24.         {
  25.                 element_html += "<tr>";
  26.                 obj_html     += "<tr>";
  27.                
  28.                
  29.                 for(w=0;w<=4;w++)
  30.                 {
  31.                         element_html += "<td  bgcolor=\"\" value=\"0\"></td>";
  32.                         obj_html += "<td bgcolor=\"\" value=\"0\"></td>";                       
  33.                        
  34.                 }
  35.                
  36.                 element_html += "</tr>";
  37.                 obj_html += "</tr>";
  38.         }
  39.        
  40.         element_html += "</table>";
  41.         obj_html += "</table>";
  42.        
  43.        
  44.         element_stage.innerHTML = element_html;
  45.         obj_stage.innerHTML     = obj_html;
  46.        
  47.         document.body.innerHTML +='<p align="right">第 <span id="game_number">1</span> 局</p><p align="right">消除行数<br><span id="game_line">0</span></p><p align="right">游戏得分<br><span id="game_score">0</span></p>p align="right"> </p><p align="right"><a href="javascript:;" value="0" onclick="If_play(this.value)">开&nbsp; 始</a> </p> '
  48.        


  49.         var map = new Array(       //地图

  50.                 "111000000000000111","111000000000000111","111000000000000111","111000000000000111","111000000000000111",
  51.                 "111000000000000111","111000000000000111","111000000000000111","111000000000000111","111000000000000111",
  52.                 "111000000000000111","111000000000000111","111000000000000111","111000000000000111","111000000000000111",
  53.                 "111000000000000111","111000000000000111","111000000000000111","111000000000000111","111000000000000111",
  54.                 "222222222222222222","222222222222222222"               
  55.         );
  56.        
  57. //-------------L------------//        //演员表
  58.         var L1 = new Array("0000","1000","1000","1100");
  59.        
  60.         var L2 = new Array("0000","0000","0010","1110");
  61.        
  62.         var L3 = new Array("0000","0110","0010","0010");
  63.                
  64.         var L4 = new Array("0000","1110","1000","0000");
  65. //-------------L-------------//       


  66. //-------------J------------//       
  67.         var J1 = new Array("0000","0010","0010","0110");
  68.        
  69.         var J2 = new Array("0000","0000","1110","0010");
  70.        
  71.         var J3 = new Array("0000","1100","1000","1000");
  72.        
  73.         var J4 = new Array("0000","0000","1000","1110");
  74. //-------------J-------------//       
  75.        
  76.        
  77. //-------------Z------------//       
  78.         var Z1 = new Array("0000","0000","1100","0110");
  79.        
  80.         var Z2 = new Array("0000","0100","1100","1000");
  81.        
  82.         var Z3 = new Array("0000","0000","1100","0110");
  83.                
  84.         var Z4 = new Array("0000","0100","1100","1000");
  85. //-------------Z-------------//       


  86.        
  87. //-------------S------------//       
  88.         var S1 = new Array("0000","0000","0110","1100");
  89.        
  90.         var S2 = new Array("0000","0100","0110","0010");
  91.        
  92.         var S3 = new Array("0000","0000","0110","1100");
  93.                
  94.         var S4 = new Array("0000","0100","0110","0010");
  95. //-------------S-------------//       


  96. //-------------T------------//       
  97.         var T1 = new Array("0000","0000","0100","1110");
  98.        
  99.         var T2 = new Array("0000","0010","0110","0010");
  100.        
  101.         var T3 = new Array("0000","1110","0100","0000");
  102.                
  103.        
  104.         var T4 = new Array("0000","1000","1100","1000");
  105. //-------------T-------------//       


  106. //-------------M------------//       
  107.         var M1 = new Array("0000","0000","1100","1100");
  108.        
  109.         var M2 = new Array("0000","0000","1100","1100");
  110.        
  111.         var M3 = new Array("0000","0000","1100","1100");
  112.                
  113.         var M4 = new Array("0000","0000","1100","1100");
  114. //-------------M-------------//       


  115. //-------------I------------//       
  116.         var I1 = new Array("1000","1000","1000","1000");
  117.        
  118.         var I2 = new Array("0000","0000","0000","1111");
  119.        
  120.         var I3 = new Array("0010","0010","0010","0010");
  121.                
  122.         var I4 = new Array("0000","0000","0000","1111");
  123. //-------------I-------------//       


  124. //-------------演员位置表-------------//

  125.         var players = new Array("I","J","T","L","Z","S","M");
  126.        
  127.         //----生成地图--------//
  128.        
  129.        
  130.         function get_color(color_value)
  131.         {
  132.                 if(color_value=="1"||color_value=="2")
  133.                         return "#000080";
  134.                 else
  135.                         return "#000000";       
  136.         }
  137.        
  138.        
  139.        
  140.        
  141.         var map_html = '<table id="map_table" border="1" cellspacing="0" cellpadding="0" bgcolor="#000000" bordercolor="#000000">';
  142.        
  143.         for(h=0;h<map.length;h++)
  144.         {
  145.                 map_html+="<tr>"
  146.                
  147.                 for(w=0;w<map[0].length;w++)
  148.                 {
  149.                         map_html+="<td value=\""+map[h].charAt(w)+"\" bgcolor=\""+get_color(map[h].charAt(w))+"\">"
  150.                        

  151.                 }
  152.                
  153.                 map_html +="</tr>"
  154.         }
  155.        
  156.         map_html+="</table>"
  157.        
  158.         stage.innerHTML = map_html
  159.        
  160.         //----生成地图--------//
  161. /****************************************** 上面是准备的代码****************************************************/

  162.        
  163.         function Y_X(y,x) //设置角的对象
  164.         {
  165.                 this.x = x;
  166.                 this.y = y;
  167.         }       
  168.        
  169.         var game_l_u_angle = new Y_X(0,6);      //方快初始 左上角 和  右上角 的 x y 坐标
  170.         var game_r_d_angle = new Y_X(3,9);
  171.        
  172.         var left_up_angle = new Y_X(game_l_u_angle.y,game_l_u_angle.x); //现在的 左上角的 x y 坐标
  173.         var right_down_angle = new Y_X(game_r_d_angle.y,game_r_d_angle.x); //现在的 右上角 的 x y 坐标
  174.        
  175.         var block_color_1 = "#0099FF"; //现在的方块的颜色
  176.         var block_color_0 = "";        //背景颜色
  177.        
  178.         var map_color_1 = "#000080"; //map 背景颜色 1
  179.         var map_color_0 = "#000000";        //背景颜色 0

  180.         var block_width = "22"; //方块 的 边长
  181.         var block_height = "20";
  182.        
  183.         var game_speed = 540 //游戏速度
  184.         var game_max_speed = Math.floor(game_speed/20);
  185.                
  186.         var SHAPES = new Array("I","M","Z","J","T","S","L"); // 方块形状数组

  187.         var shape_now = SHAPES[returnONE(6)];  //现在的方块形状
  188.         var shape_will = SHAPES[returnONE(6)]; //将来的方块形状
  189.        
  190.         var shape_num = 1;
  191.        
  192.         var obj_start_left = 132;     //方块起始位置
  193.         var obj_start_top  = 0;

  194.        
  195.         var can_move_block = false;  //设置用户是否可以移动方块
  196.         var can_play       = false;  //游戏的开始
  197.        
  198.         var one_score  = 10;  //一个的得分
  199.         var block_score = 4*one_score //一个方块的得分
  200.         var line_score  =  12*one_score //一行的得分
  201.        
  202. /*******************************************上面是数据********************下面是具体运行 函数************************/

  203. //------------返回任意数--------------------//

  204.                 function returnONE(JSnum){
  205.                
  206.                         JSnum = Math.round(JSnum*Math.random()*100/100);
  207.                
  208.                         return JSnum;
  209.                 }               

  210. //--------------返回最高-----------------------//

  211.         function return_TOP()
  212.         {
  213.                 var block_value = "";
  214.        
  215.                 for(h=0;h<4;h++)
  216.                 {
  217.                         for(w=0;w<4;w++)
  218.                         {
  219.                                 block_value = obj_table.rows(h).cells(w).value;
  220.                                
  221.                                 if(block_value=="1")
  222.                                         return (h + left_up_angle.y)
  223.                         }
  224.                 }
  225.         }



  226. //---------设置 obj 显示 指定 的 type+num 方块        -----------//

  227.         function set_block(obj,type,num)
  228.         {
  229.                 var block = eval(type+num); //获得 指定 方块
  230.                
  231.                 var block_value = "";
  232.                 var block_color = "";
  233.                
  234.                 for(h=0;h<block.length;h++)
  235.                 {
  236.                         for(w=0;w<block[0].length;w++)
  237.                         {
  238.                                 block_value = block[h].charAt(w);
  239.                                 block_color = eval("block_color_" + block_value );
  240.                                
  241.                                 with(obj.rows(h).cells(w))
  242.                                 {
  243.                                         bgColor = block_color;
  244.                                         value   = block_value;
  245.                                 }
  246.                         }
  247.                 }
  248.                
  249.         }


  250. //-------------使 obj 相对移动--------------//

  251.         function move_block_by(x,y)
  252.         {
  253.                 left_up_angle.x += x;
  254.                 left_up_angle.y += y;
  255.                
  256.                 right_down_angle.x += x;
  257.                 right_down_angle.y += y;
  258.                
  259.                 obj_stage.style.pixelLeft = left_up_angle.x * block_width;
  260.                 obj_stage.style.pixelTop  = left_up_angle.y * block_height;
  261.                
  262.                
  263.         }


  264. //---------------判断 是否 可以 移动 或变形 -------------//

  265.         function If_can_move(l_x,l_y,r_x,r_y) //用于常规判断
  266.         {

  267.                 var obj_value = "";
  268.                 var map_value = "";

  269.                 var checker = 0;
  270.                
  271.        

  272.                 for(obj_h=0,h=l_y;h<=r_y;h++,obj_h++)
  273.                 {
  274.                         for(obj_w=0,w=l_x;w<=r_x;w++,obj_w++)
  275.                         {
  276.                                 obj_value = obj_table.rows(obj_h).cells(obj_w).value;
  277.                                 map_value = map_table.rows(h).cells(w).value
  278.                                
  279.                                 checker = parseInt(obj_value)+parseInt(map_value);
  280.                                
  281.                                
  282.                                 if(map_value=="2")
  283.                                 {
  284.                                         if(checker>2)
  285.                                                 return false;
  286.                                 }
  287.                                 else
  288.                                 {
  289.                                        
  290.                                         if(checker>1)
  291.                                                 return false;                               
  292.                                 }               
  293.                         }
  294.                 }


  295.                 return true;
  296.         }       
  297.        

  298.         function test_block(){} //用来生成载block value 的 测试对象
  299.        
  300.         var tester = null;
  301.        
  302.         function If_can_move_test(l_x,l_y,r_x,r_y) //用于变形判断
  303.         {

  304.                 var obj_value = "";
  305.                 var map_value = "";

  306.                 var checker = 0;
  307.                
  308.        

  309.                 for(obj_h=0,h=l_y;h<=r_y;h++,obj_h++)
  310.                 {
  311.                         for(obj_w=0,w=l_x;w<=r_x;w++,obj_w++)
  312.                         {
  313.                                 obj_value = eval("tester.value_"+obj_h+"_"+obj_w);
  314.                                 map_value = map_table.rows(h).cells(w).value
  315.                                
  316.                        
  317.                                 checker =         parseInt(obj_value) + parseInt(map_value);       
  318.                                
  319.                                 if(map_value=="2")
  320.                                 {
  321.                                         if(checker>2)
  322.                                                 return false;
  323.                                 }
  324.                                 else
  325.                                 {
  326.                                        
  327.                                         if(checker>1)
  328.                                                 return false;                               
  329.                                 }               
  330.                         }
  331.                 }


  332.                 return true;
  333.         }       



  334. //--------------设置背景颜色----------------------//

  335.         function set_map_bgcolor(l_x,l_y,r_x,r_y)
  336.         {
  337.                
  338.                 var obj_value = "";


  339.                 for(obj_h=0,h=l_y;h<=r_y;h++,obj_h++)
  340.                 {
  341.                         for(obj_w=0,w=l_x;w<=r_x;w++,obj_w++)
  342.                         {
  343.                                 obj_value = obj_table.rows(obj_h).cells(obj_w).value;
  344.                                                                
  345.                                 if(obj_value=="1")
  346.                                 {
  347.                                                 with(map_table.rows(h).cells(w))
  348.                                                 {
  349.                                                         value = obj_value;
  350.                                                         bgColor = eval("block_color_"+obj_value);
  351.                                                        
  352.                                                 }
  353.                                 }
  354.                
  355.                         }
  356.                 }
  357.                

  358.         }

  359. //---------------消除 行 --------------------------------//

  360.         function delete_line(l_y,r_y)
  361.         {

  362.                 var value_1_num = 0; //为 1 的块数
  363.                 var can_delete_num = map[0].length;     //可以删除的 value = 1 的 block 的总数
  364.                
  365.                 var can_delete = true;
  366.                
  367.                 var the_block_value = "";    //现在的block的value
  368.                
  369.                 for(h=l_y;h<=r_y;h++)
  370.                 {
  371.                         for(w=0;w<can_delete_num;w++)
  372.                         {
  373.                                 the_block_value = map_table.rows(h).cells(w).value
  374.                                
  375.                                 if(the_block_value=="0"||the_block_value=="2")
  376.                                 {
  377.                                         can_delete = false;
  378.                                 }
  379.                         }
  380.                        
  381.                         if(can_delete) //如果全部为1的话
  382.                         {

  383.                                 map_table.deleteRow(h);
  384.                                 map_table.insertRow(0);
  385.                                
  386.                                 for(w=0;w<map[0].length;w++)
  387.                                 {
  388.                                         map_table.rows(0).insertCell();
  389.                                         map_table.rows(0).cells(w).value = map[0].charAt(w);
  390.                                         map_table.rows(0).cells(w).bgColor = eval("map_color_"+map[0].charAt(w));
  391.                                 }
  392.                                
  393.                                 game_line.innerText =  ""+ (parseInt(game_line.innerText) + 1) + "";
  394.                                 game_score.innerText = ""+ (parseInt(game_score.innerText) + line_score) + "";
  395.                                
  396.                         }
  397.                        
  398.                         can_delete = true;
  399.                
  400.                 }               
  401.                
  402.         }       

  403. //--------------方块 移动 主进程 down ----------------//       

  404.         function down_block()
  405.         {
  406.                 if(!can_play)
  407.                         return;
  408.        
  409.                 var check_l_y = left_up_angle.y + 1;
  410.                 var check_r_y = right_down_angle.y + 1;
  411.                
  412.                 var judger = If_can_move(left_up_angle.x,check_l_y,right_down_angle.x,check_r_y);
  413.                

  414.                 if(judger)
  415.                 {
  416.                         move_block_by(0,1);               
  417.                        
  418.                                                
  419.                         setTimeout("down_block()",game_speed)
  420.                 }
  421.                 else
  422.                 {
  423.                         can_move_block = false;
  424.                        
  425.                         var block_top = return_TOP();
  426.                        
  427.                         if(block_top<=(game_l_u_angle.y+2))
  428.                         {
  429.                                 if(confirm("游戏结束,是否继续?"))
  430.                                 {
  431.                                         window.location.reload();
  432.                                 }
  433.                                 else
  434.                                 {
  435.                                         return;
  436.                                 }
  437.                         }
  438.                         else
  439.                         {
  440.                
  441.                                 set_map_bgcolor(left_up_angle.x,left_up_angle.y,right_down_angle.x,right_down_angle.y) //设置背景颜色和value
  442.                                
  443.                                 game_score.innerText = ""+ (parseInt(game_score.innerText) + block_score) + "";
  444.                                
  445.                                         if(parseInt(game_score.innerText)>=(parseInt(game_number.innerText)*20000)) //如果达到过局的分数
  446.                                         {
  447.                                                 game_number.innerText = ""+(parseInt(game_number.innerText)+1)+"";
  448.                                                
  449.                                                 game_speed = game_speed - 60;
  450.                                                
  451.                                                 if(game_speed <=0 )
  452.                                                 {
  453.                                                         game_speed = 540 - (parseInt(game_number.innerText)-1)*60;
  454.                                                        
  455.                                                         if(game_speed < 0)
  456.                                                         {
  457.                                                                 alert("Win All");
  458.                                                                 return;
  459.                                                         }
  460.                                                 }
  461.                                                
  462.                                                 game_max_speed = Math.floor(game_speed/20);

  463.                                         }                       
  464.                                        
  465.                                         obj_stage.style.display = "none";
  466.                
  467.                                         delete_line(left_up_angle.y,right_down_angle.y);

  468.                                        
  469.                                         shape_now = shape_will;
  470.                                         shape_will = SHAPES[returnONE(6)];
  471.                                         shape_num =1;
  472.                                        
  473.                                         set_block(obj_table,shape_now,shape_num);
  474.                                         set_block(element_table,shape_will,shape_num);
  475.                                        
  476.                                         left_up_angle.x = game_l_u_angle.x;
  477.                                         left_up_angle.y = game_l_u_angle.y;
  478.                                         right_down_angle.x = game_r_d_angle.x;
  479.                                         right_down_angle.y = game_r_d_angle.y;
  480.                                        
  481.                                          obj_stage.style.pixelLeft = left_up_angle.x * block_width;
  482.                                         obj_stage.style.pixelTop  = left_up_angle.y * block_height;
  483.                                        
  484.                                         obj_stage.style.display = "block";
  485.                                         can_move_block = true;
  486.                                        
  487.                                         setTimeout("down_block()",game_speed);

  488.                                        
  489.                         }
  490.                                
  491.                 }
  492.         }

  493. //-------------- 获取 用户输入 方向 --------------        //



  494.         function document.onkeydown()
  495.         {
  496.        
  497.                 if(!can_play) //如果不能玩,退出
  498.                         return;
  499.                        
  500.                 if(!can_move_block) //如果不能移动。则退出
  501.                         return;
  502.                        
  503.                 var key_code = event.keyCode;
  504.                
  505.                 if(key_code == 37)
  506.                 {
  507.                         var check_l_x = left_up_angle.x - 1;
  508.                         var check_r_x = right_down_angle.x - 1;
  509.                        
  510.                         var judger= If_can_move(check_l_x,left_up_angle.y,check_r_x,right_down_angle.y);
  511.                        
  512.                         if(judger)
  513.                                 move_block_by(-1,0);
  514.                         else
  515.                                 return;         
  516.                                
  517.                 }
  518.                
  519.                 if(key_code == 39)
  520.                 {
  521.                         var check_l_x = left_up_angle.x + 1;
  522.                         var check_r_x = right_down_angle.x + 1;
  523.                        
  524.                        
  525.                         var judger= If_can_move(check_l_x,left_up_angle.y,check_r_x,right_down_angle.y);

  526.                         if(judger)
  527.                                 move_block_by(1,0);
  528.                         else
  529.                                 return;                                
  530.                 }
  531.                
  532.                 if(key_code == 38)
  533.                 {
  534.                         shape_num++;
  535.                        
  536.                         if(shape_num>4)
  537.                                 shape_num = 1;
  538.                                
  539.                         tester = null       
  540.                         tester = new test_block();
  541.                        
  542.                         var test_shape = eval(shape_now + shape_num);
  543.                        
  544.                        
  545.                        
  546.                         for(h=0;h<test_shape.length;h++)
  547.                         {
  548.                                 for(w=0;w<test_shape[0].length;w++)
  549.                                 {
  550.                                         eval("tester.value_"+h+"_"+w+"=test_shape["+h+"].charAt("+w+")");
  551.                                        
  552.                                 }
  553.                         }
  554.                        
  555.                         var judger = If_can_move_test(left_up_angle.x,left_up_angle.y,right_down_angle.x,right_down_angle.y)
  556.                        
  557.                        
  558.                         if(!judger)
  559.                         {
  560.                                 shape_num--;
  561.                         }
  562.                         else
  563.                         {
  564.                                 set_block(obj_table,shape_now,shape_num);
  565.                         }
  566.                        
  567.        
  568.                        
  569.                 }
  570.                
  571.                 if(key_code == 40)
  572.                 {
  573.                         game_speed = game_max_speed;
  574.                 }       
  575.         }
  576.        
  577.         function document.onkeyup()
  578.         {
  579.                 game_speed = 540 - (parseInt(game_number.innerText)-1)*60;

  580.         }


  581. //-----------------游戏控制-----------------------////

  582.        
  583.         function start_game(){   //游戏开始
  584.                
  585.                 can_play = true;
  586.                 can_move_block =true;
  587.                
  588.                
  589.                 set_block(obj_table,shape_now,shape_num);
  590.                 set_block(element_table,shape_will,shape_num);
  591.                 down_block();       
  592.         }
  593.        
  594.         function pause_game() //暂停 游戏
  595.         {
  596.                 can_play = false;
  597.                 can_move_block =false;               
  598.         }
  599.        
  600.         function If_play(play_value)
  601.         {
  602.                 if(play_value=="0")  //如果是刚开始
  603.                 {
  604.                         start_game();
  605.                        
  606.                         event.srcElement.value = "1";
  607.                         event.srcElement.innerText = "暂  停"
  608.                        
  609.                 }
  610.                 if(play_value=="1")
  611.                 {
  612.                         pause_game();
  613.                        
  614.                         event.srcElement.value = "2";
  615.                         event.srcElement.innerText = "开  始"
  616.                 }
  617.                 if(play_value == "2")
  618.                 {
  619.                         can_play = true;
  620.                         can_move_block =true;               
  621.                        
  622.                          down_block();       
  623.                        
  624.                         event.srcElement.value = "1";
  625.                         event.srcElement.innerText = "暂  停";
  626.                 }
  627.         }

  628. </script>


  629. </body>
  630. </html>

复制代码
 楼主| 发表于 2003-3-15 21:38:03 | 显示全部楼层
为text框输入日期的小日历

  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!--

  3. //有效的时间范围
  4. var date_start,date_end,g_object
  5. var today = new Date();
  6. var separator="-";
  7. var inover=false;

  8. //mode :时间变换的类型0-年 1-月 2-直接选择月
  9. function change_date(temp,mode)
  10. {
  11.         var t_month,t_year
  12.     if (mode){
  13.         if(mode==1)
  14.         t_month=parseInt(cele_date_month.value,10)+parseInt(temp,10);
  15.         else
  16.         t_month=parseInt(temp)
  17.         if (t_month<cele_date_month.options(0).text) {
  18.             cele_date_month.value=cele_date_month.options(cele_date_month.length-1).text;
  19.             change_date(parseInt(cele_date_year.value,10)-1,0);
  20.             }
  21.         else{
  22.             if (t_month>cele_date_month.options(cele_date_month.length-1).text){
  23.                 cele_date_month.value=cele_date_month.options(0).text;
  24.                 change_date(parseInt(cele_date_year.value,10)+1,0);
  25.                 }            
  26.             else
  27.                 {cele_date_month.value=t_month;
  28.                  set_cele_date(cele_date_year.value,cele_date_month.value);               
  29.                 }
  30.         }
  31.     }  
  32.     else{
  33.         t_year=parseInt(temp,10);
  34.         
  35.         if (t_year<cele_date_year.options(0).text) {
  36.             cele_date_year.value=cele_date_year.options(0).text;
  37.             set_cele_date(cele_date_year.value,1);               
  38.             }
  39.         else{
  40.             if (parseInt(t_year,10)>parseInt(cele_date_year.options(cele_date_year.length-1).text,10)){
  41.                 cele_date_year.value=cele_date_year.options(cele_date_year.length-1).text;
  42.                 set_cele_date(cele_date_year.value,12);               
  43.                 }            
  44.             else
  45.                 {cele_date_year.value=t_year;
  46.                  set_cele_date(cele_date_year.value,cele_date_month.value);               
  47.                 }
  48.         }
  49.     }
  50.     /*********2002-02-01 MODIFY BY WING **************/
  51.     window.cele_date.focus();
  52.     /****************MODIFY END***********************/
  53. }

  54. //初始化日历
  55. function init(d_start,d_end)
  56. {
  57.      var temp_str;
  58.      var i=0
  59.      var j=0
  60.      date_start=new Date(2000,7,1)
  61.      date_end=new Date(2004,8,1)
  62.      
  63.      //必须要有内容(奇怪)
  64.      /*************************2002-02-01 MODIFY BY WING *********************************************************************************/
  65.      document.writeln("<div name=\"cele_date\" id=\"cele_date\"  style=\"display:none\"    style=\"LEFT: 69px; POSITION: absolute; TOP: 159px;Z-INDEX:99\" onClick=\"event.cancelBubble=true;\" onBlur=\"hilayer()\" onMouseout=\"lostlayerfocus()\">&nbsp; </div>");
  66.      /*******************************************MODIFY END*******************************************************************************/
  67.      window.cele_date.innerHTML="";
  68.      temp_str="<table border=\"1\" bgcolor=\"#4682b4\" bordercolor=\"white\"><tr><td colspan=7 onmouseover=\"overcolor(this)\">";
  69.      temp_str+="<input type=\"Button\" value=\"<<\" onclick=\"change_date(-1,1)\" onmouseover=\"getlayerfocus()\" style=\"color: #FFFFFF; background-color: #5d7790; cursor: hand\">&nbsp;";//左面的箭头

  70.      /**************************2002-02-01 MODIFY BY WING ********************************************************************************/
  71.      /*temp_str+="<input type=\"Button\" value=\"<<\" onclick=\"change_date(-1,1)\" >&nbsp;";//左面的箭头                                */
  72.      /************************************************************************************************************************************/
  73.      
  74.      temp_str+=""//年
  75.      temp_str+="<select name=\"cele_date_year\" id=\"cele_date_year\" language=\"javascript\" onchange=\"change_date(this.value,0)\" onmouseover=\"getlayerfocus()\" onblur=\"getlayerfocus()\" style=\"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB\">"

  76.      /**************************2002-02-01 MODIFY BY WING ********************************************************************************/
  77.      /*temp_str+="<select name=\"cele_date_year\" id=\"cele_date_year\" language=\"javascript\" onchange=\"change_date(this.value,0)\">" */
  78.      /************************************************************************************************************************************/

  79.      for (i=2000;i<=2020;i++)
  80.      {
  81.      temp_str+="<OPTION value=\""+i.toString()+"\">"+i.toString()+"</OPTION>";
  82.      }
  83.      temp_str+="</select>&nbsp;";
  84.      temp_str+=""//月
  85.      temp_str+="<select name=\"cele_date_month\" id=\"cele_date_month\" language=\"javascript\" onchange=\"change_date(this.value,2)\" onmouseover=\"getlayerfocus()\" onblur=\"getlayerfocus()\" style=\"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB\">"

  86.      /**************************2002-02-01 MODIFY BY WING **********************************************************************************/
  87.      /*temp_str+="<select name=\"cele_date_month\" id=\"cele_date_month\" language=\"javascript\" onchange=\"change_date(this.value,2)\">" */
  88.      /**************************************************************************************************************************************/

  89.      for (i=1;i<=12;i++)
  90.      {
  91.      temp_str+="<OPTION value=\""+i.toString()+"\">"+i.toString()+"</OPTION>";
  92.      }
  93.      temp_str+="</select>&nbsp;";
  94.      temp_str+=""//右箭头
  95.      temp_str+="<input type=\"Button\" value=\">>\" onclick=\"change_date(1,1)\" onmouseover=\"getlayerfocus()\"  style=\"color: #FFFFFF; background-color: #5d7790; cursor: hand\">";

  96.      /**************************2002-02-01 MODIFY BY WING ********************************************************************************/
  97.      /*temp_str+="<input type=\"Button\" value=\">>\" onclick=\"change_date(1,1)\">";                                                    */
  98.      /************************************************************************************************************************************/

  99.      temp_str+="</td></tr><tr><td onmouseover=\"overcolor(this)\">"
  100.      temp_str+="<font color=red>Su</font></td><td>";temp_str+="Mo</td><td>"; temp_str+="Tu</td><td>"; temp_str+="We</td><td>"
  101.      temp_str+="Th</td><td>";temp_str+="Fr</td><td>"; temp_str+="Sa</td></tr>";
  102.      for (i=1 ;i<=6 ;i++)
  103.      {
  104.      temp_str+="<tr>";
  105.         for(j=1;j<=7;j++){
  106.             temp_str+="<td name=\"c"+i+"_"+j+"\"id=\"c"+i+"_"+j+"\" style=\"CURSOR: hand\" style=\"COLOR:#000000\" language=\"javascript\" onmouseover=\"overcolor(this)\" onmouseout=\"outcolor(this)\" onclick=\"td_click(this)\">&nbsp;</td>"
  107.             }
  108.      temp_str+="</tr>"        
  109.      }
  110.      temp_str+="</td></tr></table>";
  111.      window.cele_date.innerHTML=temp_str;
  112. }
  113. function set_cele_date(year,month)
  114. {
  115.    var i,j,p,k
  116.    var nd=new Date(year,month-1,1);
  117.    event.cancelBubble=true;
  118.    cele_date_year.value=year;
  119.    cele_date_month.value=month;   
  120.    k=nd.getDay()-1
  121.    var temp;
  122.    for (i=1;i<=6;i++)
  123.       for(j=1;j<=7;j++)
  124.       {
  125.       eval("c"+i+"_"+j+".innerHTML=\"\"");
  126.       eval("c"+i+"_"+j+".bgColor=\"#4682b4\"");
  127.       eval("c"+i+"_"+j+".style.cursor=\"hand\"");
  128.       }
  129.    while(month-1==nd.getMonth())
  130.     { j=(nd.getDay() +1);
  131.       p=parseInt((nd.getDate()+k) / 7)+1;
  132.       eval("c"+p+"_"+j+".innerHTML="+"\""+nd.getDate()+"\"");
  133.       if ((nd.getDate()==today.getDate())&&(cele_date_month.value==today.getMonth()+1)&&(cele_date_year.value==today.getYear())){
  134.                eval("c"+p+"_"+j+".bgColor=\"#EFFB64\"");
  135.       }
  136.       if (nd>date_end || nd<date_start)
  137.       {
  138.       eval("c"+p+"_"+j+".bgColor=\"#FF9999\"");
  139.       eval("c"+p+"_"+j+".style.cursor=\"text\"");
  140.       }
  141.       nd=new Date(nd.valueOf() + 86400000)
  142.     }
  143. }

  144. //s_object:点击的对象;d_start-d_end有效的时间区段;需要存放值的控件;
  145. function show_cele_date(eP,d_start,d_end,t_object)
  146. {
  147. window.cele_date.style.display="";
  148. window.cele_date.style.zIndex=99
  149. var s,cur_d
  150. var eT = eP.offsetTop;  
  151. var eH = eP.offsetHeight+eT;  
  152. var dH = window.cele_date.style.pixelHeight;  
  153. var sT = document.body.scrollTop;
  154. var sL = document.body.scrollLeft;
  155. event.cancelBubble=true;
  156. window.cele_date.style.posLeft = event.clientX-event.offsetX+sL-5;  
  157. window.cele_date.style.posTop = event.clientY-event.offsetY+eH+sT-5;
  158. if (window.cele_date.style.posLeft+window.cele_date.clientWidth>document.body.clientWidth) window.cele_date.style.posLeft+=eP.offsetWidth-window.cele_date.clientWidth;
  159. //if (window.cele_date.style.posTop+window.cele_date.clientHeight>document.body.clientHeight) window.cele_date.style.posTop-=(eP.offsetHeight+window.cele_date.clientHeight+5);
  160. if (d_start!=""){
  161.     if (d_start=="today"){
  162.         date_start=new Date(today.getYear(),today.getMonth(),today.getDate());
  163.     }else{
  164.         s=d_start.split(separator);
  165.         date_start=new Date(s[0],s[1]-1,s[2]);
  166.     }
  167. }else{
  168.     date_start=new Date(1900,1,1);
  169. }

  170. if (d_end!=""){
  171.     s=d_end.split(separator);
  172.     date_end=new Date(s[0],s[1]-1,s[2]);
  173. }else{
  174.     date_end=new Date(3000,1,1);
  175. }

  176. g_object=t_object

  177. cur_d=new Date()
  178. set_cele_date(cur_d.getYear(),cur_d.getMonth()+1);
  179. window.cele_date.style.display="block";
  180. /***************2002-02-01 MODIFY BY WING ***********/
  181. window.cele_date.focus();
  182. /****************MODIFY END**************************/
  183. }
  184. function td_click(t_object)
  185. {
  186. var t_d
  187. if (parseInt(t_object.innerHTML,10)>=1 && parseInt(t_object.innerHTML,10)<=31 )
  188. { t_d=new Date(cele_date_year.value,cele_date_month.value-1,t_object.innerHTML)
  189. if (t_d<=date_end && t_d>=date_start)
  190. {
  191. var year = cele_date_year.value;
  192. var month = cele_date_month.value;
  193. var day = t_object.innerHTML;
  194. if (parseInt(month)<10) month = "0" + month;
  195. if (parseInt(day)<10) day = "0" + day;

  196. g_object.value=year+separator+month+separator+day;
  197. window.cele_date.style.display="none";};
  198. }

  199. }
  200. function h_cele_date()
  201. {
  202. window.cele_date.style.display="none";
  203. }

  204. function overcolor(obj)
  205. {
  206.   if (obj.style.cursor=="hand") obj.style.color = "#FFFFFF";
  207.   /*********** 2002-02-01 MODIFY BY WING *****/
  208.   inover=true;
  209.   window.cele_date.focus();
  210.   /************* MODIFY END ******************/
  211. }

  212. function outcolor(obj)
  213. {
  214.   obj.style.color = "#000000";
  215.   /*********** 2002-02-01 MODIFY BY WING *****/
  216.   inover=false;
  217.   /************* MODIFY END ******************/
  218. }


  219. function getNow(o){
  220.     var Stamp=new Date();
  221.     var year = Stamp.getYear();
  222.     var month = Stamp.getMonth()+1;
  223.     var day = Stamp.getDate();
  224.     if(month<10){
  225.         month="0"+month;
  226.     }
  227.     if(day<10){
  228.         day="0"+day;
  229.     }
  230.     o.value=year+separator+month+separator+day;
  231. }
  232. /*********** 2002-02-01 MODIFY BY WING **ADD THREE FUNCTION TO CONTROL THE DIV FOCUS***/
  233. function hilayer()
  234. {
  235.         if (inover==false)
  236.         {
  237.                 var lay=document.all.cele_date;
  238.                 lay.style.display="none";
  239.         }
  240. }
  241. function getlayerfocus()
  242. {
  243.         inover=true;
  244. }
  245. function lostlayerfocus()
  246. {
  247.         inover=false;
  248. }
  249. /***************************MODIFY END************************************************/
  250. //-->
  251. </SCRIPT>
  252. <script language="javascript">
  253.          init();
  254. </script>
  255. <input type="text" name="Last_Update_Date" size="26" maxlength="19"  readonly>
  256.                     <input type="button" name="change2" value=".."  onclick="show_cele_date(change2,'','',Last_Update_Date)">
复制代码
 楼主| 发表于 2003-3-15 21:46:52 | 显示全部楼层
时钟倒计时程序,精确到秒

  1. 第一步:把如下代码加入<head>区域中
  2. <SCRIPT language=javascript>
  3. <!--
  4. function generate(form){for(var q=0;q<12;q++){if(document.me.m.options[document.me.m.selectedIndex].value==q){var m2=q+1
  5. }var txt='<!-- 分三步完成全部脚本:\r\n\r\n'
  6. +' 1. 将第一部分粘贴到HTML的HEAD区\r\n'
  7. +' 2. 将OnLoad事件加入BODY标签内\r\n'
  8. +' 3. 将最后一部分代码加入BODY区 -->\r\n\r\n'
  9. +'<!-- 第一步: 将如下代码粘贴到HTML的HEAD区-->\r\n\r\n'
  10. +'<HEAD>\r\n\r\n<SCRIPT LANGUAGE="JavaScript">\r\n\r\n'
  11. +'<!-- Begin\r\n'
  12. +'var Temp2;\n'
  13. +'var timerID = null;\n'
  14. +'var timerRunning = false;\n'
  15. +'function arry() {\n'
  16. +'this.length = 12;\n'
  17. +'this[0] = 31;\n'
  18. +'this[1] = 28;\n'
  19. +'this[2] = 31;\n'
  20. +'this[3] = 30;\n'
  21. +'this[4] = 31;\n'
  22. +'this[5] = 30;\n'
  23. +'this[6] = 31;\n'
  24. +'this[7] = 31;\n'
  25. +'this[8] = 30;\n'
  26. +'this[9] = 31;\n'
  27. +'this[10] = 30;\n'
  28. +'this[11] = 31;\n'
  29. +'}\n'
  30. +'var date = new arry();\n'
  31. +'\n'
  32. +'function stopclock() {\n'
  33. +'if(timerRunning)\n'
  34. +'clearTimeout(timerID);\n'
  35. +'timerRunning = false;\n'
  36. +'}\n'
  37. +'\n'
  38. +'function startclock() {\n'
  39. +'stopclock();\n'
  40. +'showtime();\n'
  41. +'}\n'
  42. +'\n'
  43. +'function showtime() {\n'
  44. +'now = new Date();\n'
  45. +'var CurMonth = now.getMonth();\n'
  46. +'var CurDate = now.getDate();\n'
  47. +'var CurYear = now.getFullYear();\n'
  48. +'now = null;\n'
  49. +'if ('+document.me.d.options[document.me.d.selectedIndex].value+' < CurDate) {\n'
  50. +'CurDate -= date[CurMonth]; CurMonth++;\n'
  51. +'}\n'
  52. +'if ('+document.me.m.options[document.me.m.selectedIndex].value+' < CurMonth) {\n'
  53. +'CurMonth -= 12; CurYear++;\n'
  54. +'}\n'
  55. +'\n'
  56. +'var Yearleft = '+document.me.y.options[document.me.y.selectedIndex].value+' - CurYear;\n'
  57. +'var Monthleft = '+document.me.m.options[document.me.m.selectedIndex].value+' - CurMonth;\n'
  58. +'var Dateleft = '+document.me.d.options[document.me.d.selectedIndex].value+' - CurDate;\n'
  59. +'\n'
  60. +'document.dateform.a.value = Yearleft;\n'
  61. +'document.dateform.b.value = Monthleft;\n'
  62. +'document.dateform.c.value = Dateleft;\n'
  63. +'\n'
  64. +'timerID = setTimeout("showtime()",1000);\n'
  65. +'timerRunning = true;\n'
  66. +'}\n'
  67. +'/\/ End -->\r\n<\/script>\r\n'
  68. +'<\/H'+'EAD>\r\n\r\n'
  69. +'<!-- 第二步:将OnLoad事件加入BODY标签内 -->\r\n\r\n'
  70. +'<BO'+'DY Onload="startclock()">\r\n\r\n'
  71. +'<!-- 第三步:将最后一部分代码加入BODY区 -->\r\n\r\n'
  72. +'<form name=dateform>距离'
  73. +m2+'/'+document.me.d.options[document.me.d.selectedIndex].value+'/'
  74. +document.me.y.options[document.me.y.selectedIndex].value
  75. +'还有\n'
  76. +'<input type=text name=a size=2 value="">年\n'
  77. +'<input type=text name=b size=2 value="">月\n'
  78. +'<input type=text name=c size=2 value="">天\n'
  79. +'</fo'+'rm>\r\n\r\n'
  80. +'<'+'!-- 代码长度: 1.95 KB --'+'>'
  81. ;}document.mail.source.value=txt;document.mail.source2.value=txt;}
  82. //-->
  83. </SCRIPT>
  84. 第二步:再把如下代码加入<body>区域中:
  85. <center>
  86. <table border=5 bordercolor=blue borderlight=green>
  87. <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
  88. <tr><td align=center><form name=me> <p><select name=m size=1> <option value=0>January </option> <option value=1>February </option> <option value=2>March </option> <option value=3>April </option> <option value=4>May </option> <option value=5>June </option> <option value=6>July </option> <option value=7>August </option> <option value=8>September </option> <option value=9>October </option> <option value=10>November </option> <option value=11>December </option> </select> <select name=d size=1> <option value=1>1 </option> <option value=2>2 </option> <option value=3>3 </option> <option value=4>4 </option> <option value=5>5 </option> <option value=6>6 </option> <option value=7>7 </option> <option value=8>8 </option> <option value=9>9 </option> <option value=10>10 </option> <option value=11>11 </option> <option value=12>12 </option> <option value=13>13 </option> <option value=14>14 </option> <option value=15>15 </option> <option value=16>16 </option> <option value=17>17 </option> <option value=18>18 </option> <option value=19>19 </option> <option value=20>20 </option> <option value=21>21 </option> <option value=22>22 </option> <option value=23>23 </option> <option value=24>24 </option> <option value=25>25 </option> <option value=26>26 </option> <option value=27>27 </option> <option value=28>28 </option> <option value=29>29 </option> <option value=30>30 </option> <option value=31>31 </option> </select><select name=y size=1> <option value=1999>1999 </option> <option value=2000>2000 </option> <option value=2001>2001 </option> <option value=2002>2002 </option> <option value=2003>2003 </option> <option value=2004>2004 </option> <option value=2005>2005 </option> <option value=2006>2006 </option> <option value=2007>2007 </option> <option value=2008>2008 </option> <option value=2009>2009 </option> </select><br> <input type=button onclick=generate() value=生成代码 class=yk9><input type=button value=返回 onClick=history.go(-1) name=button class=yk9><p></p></form><form name=mail> <input type=hidden name=scriptname value="Countdown Creator"><input type=hidden name=source2 value><table bgcolor=dedfdf border=1 cellpadding=1 width=396> <tr> <td align=center height=218><textarea name=source rows=12 cols=55 class=yk9></textarea><br> <br> </td> <td> </td> </tr> </table></form></td></tr></table>


复制代码
 楼主| 发表于 2003-3-15 21:49:08 | 显示全部楼层
可以编辑的下拉列表 - by WildWind

  1. <html>
  2. <head>
  3. <title>可以编辑的下拉列表 - by WildWind<wildwind_zz@21cn.com>...</title>
  4. <script language="JavaScript">
  5. <!--
  6. function catch_keydown(sel)
  7. {
  8.         switch(event.keyCode)
  9.         {
  10.                 case 13:
  11.                         //Enter;
  12.                         sel.options[sel.length] = new Option("","",false,true);
  13.                         event.returnValue = false;
  14.                         break;
  15.                 case 27:
  16.                         //Esc;
  17.                         alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");
  18.                         event.returnValue = false;
  19.                         break;
  20.                 case 46:
  21.                         //Delete;
  22.                         if(confirm("删除当前选项!?"))
  23.                         {
  24.                                 sel.options[sel.selectedIndex] = null;
  25.                                 if(sel.length>0)
  26.                                 {
  27.                                         sel.options[0].selected = true;
  28.                                 }
  29.                         }
  30.                         event.returnValue = false;
  31.                         break;
  32.                 case 8:
  33.                         //Back Space;
  34.                         var s = sel.options[sel.selectedIndex].text;
  35.                         sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);
  36.                         event.returnValue = false;
  37.                         break;
  38.         }
  39.        
  40. }
  41. function catch_press(sel)
  42. {
  43.         sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
  44.         event.returnValue = false;
  45. }
  46. //-->
  47. </script>
  48. </head>

  49. <body onload="s1.focus();">
  50. <h3>操作方法:</h3>
  51. <p>
  52. 1.按Enter键开始添加输入新的选项...<br>
  53. 2.按Del键删除当前选项...<br>
  54. 3.按Esc键查看当前选项的text和value值...<br>
  55. 4.按BackSpace键删除当前选项的前一个字符...<br>
  56. </p>
  57. <h3>测试结果:</h3>
  58. <p>
  59. 1.IE6.0测试通过...<br>
  60. </p>
  61. <br>
  62. <h3>建议&意见:</h3>
  63. <p>
  64. 1.大家可以做成htc,将这些函数绑在css上(很简单,不再介绍...)...<br>
  65. </p>
  66. <h3>示例:</h3>
  67. <p>
  68. <select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>
  69. </p>
  70. </body>
  71. </html>

复制代码
 楼主| 发表于 2003-3-15 21:49:42 | 显示全部楼层
滚动条模拟


  1. <html>
  2. <head>
  3. <title>无标题文档</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  5. <STYLE type=text/css>
  6. #scrollerContent {POSITION: absolute}
  7. body {font-size:9pt;color:#660000;text-decoration: none}
  8. </STYLE>
  9. <script>
  10. var upH = 13;//向上的箭头的高度
  11. var upW = 9; //向上的箭头的宽度
  12. var downH = 13;//向下的箭头的高度
  13. var downW = 9;//向下的箭头的宽度
  14. var dragH = 26; //滚动条的高度
  15. var dragW = 9; //滚动条的宽度
  16. var scrollH =68; //滚动体的高度
  17. var speed =9; //滚动的速度
  18. var dom = document.getElementById ? true:false;
  19. var nn4 = document.layers ? true:false;
  20. var ie4 = document.all ? true:false;
  21. var mouseY;
  22. var mouseX;
  23. var clickUp = false;
  24. var clickDown = false;
  25. var clickDrag = false;
  26. var clickAbove = false;
  27. var clickBelow = false;
  28. var timer = setTimeout("",500);
  29. var upL;
  30. var upT;
  31. var downL;
  32. var downT;
  33. var dragL;
  34. var dragT;
  35. var rulerL;
  36. var rulerT;
  37. var contentT;
  38. var contentH;
  39. var contentClipH;
  40. var scrollLength;
  41. var startY;
  42. function down(e){
  43. if((document.layers && e.which!=1) || (document.all && event.button!=1)) return true;
  44. getMouse(e);
  45. startY = (mouseY - dragT);
  46. if(mouseX >= upL && (mouseX <= (upL + upW)) && mouseY >= upT && (mouseY <= (upT + upH))){
  47. clickUp = true;
  48. return scrollUp();
  49. }
  50. else if(mouseX >= downL && (mouseX <= (downL + downW)) && mouseY >= downT && (mouseY <= (downT + downH))){
  51. clickDown = true;
  52. return scrollDown();
  53. }
  54. else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= dragT && (mouseY <= (dragT + dragH))){
  55. clickDrag = true;
  56. return false;
  57. }
  58. else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= rulerT && (mouseY <= (rulerT + scrollH))){
  59. if(mouseY < dragT){
  60. clickAbove = true;
  61. clickUp = true;
  62. return scrollUp();
  63. }
  64. else{
  65. clickBelow = true;
  66. clickDown = true;
  67. return scrollDown();
  68. }
  69. }
  70. else{
  71. return true;
  72. }
  73. }
  74. function move(e){
  75. if(clickDrag && contentH > contentClipH){
  76. getMouse(e);
  77. dragT = (mouseY - startY);
  78. if(dragT < (rulerT))
  79. dragT = rulerT;
  80. if(dragT > (rulerT + scrollH - dragH))
  81. dragT = (rulerT + scrollH - dragH);
  82. contentT = ((dragT - rulerT)*(1/scrollLength));
  83. contentT = eval('-' + contentT);
  84. moveTo();
  85. if(ie4)
  86. return false;
  87. }
  88. }
  89. function up(){
  90. clearTimeout(timer);
  91. clickUp = false;
  92. clickDown = false;
  93. clickDrag = false;
  94. clickAbove = false;
  95. clickBelow = false;
  96. return true;
  97. }
  98. function getT(){
  99. if(ie4)
  100. contentT = document.all.scrollerContent.style.pixelTop;
  101. else if(nn4)
  102. contentT = document.scrollerContentClip.document.scrollerContent.top;
  103. else if(dom)
  104. contentT = parseInt(document.getElementById("scrollerContent").style.top);
  105. }
  106. function getMouse(e){
  107. if(ie4){
  108. mouseY = event.clientY + document.body.scrollTop;
  109. mouseX = event.clientX + document.body.scrollLeft;
  110. }
  111. else if(nn4 || dom){
  112. mouseY = e.pageY;
  113. mouseX = e.pageX;
  114. }
  115. }
  116. function moveTo(){
  117. if(ie4){
  118. document.all.scrollerContent.style.top = contentT;
  119. document.all.ruler.style.top = dragT;
  120. document.all.drag.style.top = dragT;
  121. }
  122. else if(nn4){
  123. document.scrollerContentClip.document.scrollerContent.top = contentT;
  124. document.ruler.top = dragT;
  125. document.drag.top = dragT;
  126. }
  127. else if(dom){
  128. document.getElementById("scrollerContent").style.top = contentT + "px";
  129. document.getElementById("drag").style.top = dragT + "px";
  130. document.getElementById("ruler").style.top = dragT + "px";
  131. }
  132. }
  133. function scrollUp(){
  134. getT();
  135. if(clickAbove){
  136. if(dragT <= (mouseY-(dragH/2)))
  137. return up();
  138. }
  139. if(clickUp){
  140. if(contentT < 0){
  141. dragT = dragT - (speed*scrollLength);
  142. if(dragT < (rulerT))
  143. dragT = rulerT;
  144. contentT = contentT + speed;
  145. if(contentT > 0)
  146. contentT = 0;
  147. moveTo();
  148. timer = setTimeout("scrollUp()",25);
  149. }
  150. }
  151. return false;
  152. }
  153. function scrollDown(){
  154. getT();
  155. if(clickBelow){
  156. if(dragT >= (mouseY-(dragH/2)))
  157. return up();
  158. }
  159. if(clickDown){
  160. if(contentT > -(contentH - contentClipH)){
  161. dragT = dragT + (speed*scrollLength);
  162. if(dragT > (rulerT + scrollH - dragH))
  163. dragT = (rulerT + scrollH - dragH);
  164. contentT = contentT - speed;
  165. if(contentT < -(contentH - contentClipH))
  166. contentT = -(contentH - contentClipH);
  167. moveTo();
  168. timer = setTimeout("scrollDown()",25);
  169. }
  170. }
  171. return false;
  172. }
  173. function reloadPage(){
  174. location.reload();
  175. }
  176. function eventLoader(){
  177. if(ie4){
  178. upL = document.all.up.style.pixelLeft;
  179. upT = document.all.up.style.pixelTop;
  180. downL = document.all.down.style.pixelLeft;
  181. downT = document.all.down.style.pixelTop;
  182. dragL = document.all.drag.style.pixelLeft;
  183. dragT = document.all.drag.style.pixelTop;
  184. rulerT = document.all.ruler.style.pixelTop;
  185. contentH = parseInt(document.all.scrollerContent.scrollHeight);
  186. contentClipH = parseInt(document.all.scrollerContentClip.style.height);
  187. }
  188. else if(nn4){
  189. upL = document.up.left;
  190. upT = document.up.top;
  191. downL = document.down.left;
  192. downT = document.down.top;
  193. dragL = document.drag.left;
  194. dragT = document.drag.top;
  195. rulerT = document.ruler.top;
  196. contentH = document.scrollerContentClip.document.scrollerContent.clip.bottom;
  197. contentClipH = document.scrollerContentClip.clip.bottom;
  198. }
  199. else if(dom){
  200. upL = parseInt(document.getElementById("up").style.left);
  201. upT = parseInt(document.getElementById("up").style.top);
  202. downL = parseInt(document.getElementById("down").style.left);
  203. downT = parseInt(document.getElementById("down").style.top);
  204. dragL = parseInt(document.getElementById("drag").style.left);
  205. dragT = parseInt(document.getElementById("drag").style.top);
  206. rulerT = parseInt(document.getElementById("ruler").style.top);
  207. contentH = parseInt(document.getElementById("scrollerContent").offsetHeight);
  208. contentClipH = parseInt(document.getElementById("scrollerContentClip").offsetHeight);
  209. document.getElementById("scrollerContent").style.top = 0 + "px";
  210. }
  211. scrollLength = ((scrollH-dragH)/(contentH-contentClipH));
  212. if(nn4){
  213. document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
  214. window.onresize = reloadPage;
  215. }
  216. document.onmousedown = down;
  217. document.onmousemove = move;
  218. document.onmouseup = up;
  219. }
  220. </script></head>
  221. <BODY
  222. onload="eventLoader()">
  223. <SPAN
  224. id=drag
  225. style="LEFT: 203px;POSITION: absolute; TOP: 116px"><IMG
  226. height=26 src="slider.gif" width=9 border=1></SPAN> <SPAN
  227. id=ruler
  228. style="TOP: 116px"></SPAN> <SPAN
  229. id=up
  230. style="LEFT: 203px; POSITION: absolute; TOP: 100px"><IMG
  231. height=13 alt="" src="scrollup.gif" width=9 border=1></SPAN> <SPAN id=down
  232. style="LEFT: 203px; POSITION: absolute; TOP: 186px"><IMG
  233. height=13 alt="" src="scrolldown.gif" width=9 border=1></SPAN> <SPAN
  234. id=scrollerContentClip
  235. style=" LEFT: 100; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 100; CLIP: rect(0px 140px 194px 0px); POSITION: absolute; TOP: 100; HEIGHT: 100;border:#CC6600 1px solid"><SPAN
  236. id=scrollerContent style="width: 100; height: 100">
  237. <p>ddd</p>
  238. <p>d</p>
  239. <p>d</p>
  240. <p>d</p>
  241. <p> </p>
  242. <p>dd</p>
  243. <p>d</p>
  244. <p> </p>
  245. <p>d</p>
  246. <p>d</p>
  247. <p> </p>
  248. <p>d</p>
  249. </SPAN></SPAN>


  250. </body>
  251. </html>
复制代码
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-18 12:46 , Processed in 0.114670 second(s), 6 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表