⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 01c.htm

📁 javascript94个网页特效下载
💻 HTM
字号:
<html>
<head>
<title>文字从右到左</title>
<meta http-equiv="目录类型" content="文本/html; 字符集=gb2312">
<style type="text/css">
<!--
a{font-style:normal;text-decoration:none;color:white}
a:hover {BACKGROUND:red;font-style:normal;text-decoration:none;color:yellow}
a:active {font-style:normal;text-decoration:none;color:yellow;}
.white {  color: #FFFFFF}
table {  font-size: 9pt}
-->
</style>
<link rel="stylesheet" href="style.css">
</head>

<body bgcolor="#009900" topmargin="0" leftmargin="0">
<form name="form" >
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr bgcolor="#009900"> 
      <td colspan="3" height="18">&nbsp; </td>
    </tr>
    <tr> 
      <td bgcolor="#009900" width="18"></td>
      <td align="center" bgcolor="#FFFFFF" valign="top"> <br>
        <table width="56%" border="0" cellspacing="0" cellpadding="0" height="355">
          <tr> 
            <td rowspan="2" width="16" valign="top"> 
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="white" style="FONT-SIZE: 11pt;">
                <tr bgcolor="#336699" bordercolor="#336699"> 
                  <td style="BORDER-RIGHT: double; BORDER-TOP: double;  BORDER-LEFT: double; BORDER-BOTTOM: double;" height="70"><strong><a href="01.htm">演<br>
                    <br>
                    示</a></strong></td>
                </tr>
                <tr bordercolor="#009900" bgcolor="#009900"> 
                  <td style="BORDER-RIGHT: double; BORDER-TOP: double; BORDER-LEFT: double; BORDER-BOTTOM: double" height="70"><strong><a href="01c.htm">源<br>
                    代<br>
                    码</a></strong></td>
                </tr>
              </table>
            </td>
            <td rowspan="2" width="8" bgcolor="#009900">&nbsp;</td>
            <td align="center" style="BORDER-RIGHT: double; BORDER-TOP: double; FONT-SIZE: 12pt; BORDER-LEFT: double; BORDER-BOTTOM: double" bordercolor="#009900" valign="top"> 
              <input type="hidden" name="code2">
              <script language="JavaScript">
<!--hide

function view(form){
msg=open("","DisplayWindow","status=1,left=0,top=0,height=320,width=790,");msg.document.write(form.code2.value);
}
function CodeOut(form){
var     
txt1="<html><title>效果演示</title><head></head><body onblur=window.close()  onmouseover=javascript:close()>";
txt=""+form.a.value+""+form.b.value+""+form.c.value+"";
txt+=""+form.d.value+""+form.e.value+"";
txt2="</body></html>";
	
form.Code.value=txt;
form.code2.value=txt1 + txt + txt2;
}

<!-->
</script>
              <div id="Layer1" style="position:absolute; width:207px; height:173px; z-index:1; visibility: hidden"> 
                <textarea name="a" cols="40" rows="0" wrap="VIRTUAL">&lt;script&gt;
&lt;!-- Beginning of JavaScript Applet -------------------
function scrollit_r2l(seed)
{ var m1  = &quot;</textarea>
                <textarea name="c" cols="40" rows="0" wrap="VIRTUAL">&quot; ;
 var m2  = &quot;&quot; ;
       var msg=m1+m2;
       var out = &quot; &quot;; 
       var c = 1; 
 var speed  = </textarea>
                <textarea name="e" cols="40" rows="0" wrap="VIRTUAL">;
if (seed &gt; 100)
{                seed-=2;
                var cmd=&quot;scrollit_r2l(&quot; + seed + &quot;)&quot;;   
             timerTwo=window.setTimeout(cmd,speed);}     
    else if (seed &lt;= 100 &amp;&amp; seed &gt; 0)
     {                for (c=0 ; c &lt; seed ; c++)
                      {       out+=&quot; &quot;;}   
       out+=msg;         seed-=2;      
   var cmd=&quot;scrollit_r2l(&quot; + seed + &quot;)&quot;;      
   window.status=out;         
 timerTwo=window.setTimeout(cmd,speed); }        
      else if (seed &lt;= 0) 
{                if (-seed &lt; msg.length) 
                  { 
                       out+=msg.substring(-seed,msg.length);        
                       seed-=2;                        
                       var cmd=&quot;scrollit_r2l(&quot; + seed + &quot;)&quot;;         
                       window.status=out;                     
       timerTwo=window.setTimeout(cmd,speed);}
       else {               window.status=&quot; &quot;;       
                 timerTwo=window.setTimeout(&quot;scrollit_r2l(100)&quot;,speed);
}
}
}
scrollit_r2l(100);
// -- End of JavaScript code --&gt;
&lt;/script&gt;</textarea>
              </div>
              <br>
              <b> 文字从右到左</b> 
              <hr width="92%" size="1" align="center">
              <table  cellspacing="0" cellpadding="0" width="81%">
                <tr> 
                  <td colspan="2" height="30">文本内容: 
                    <input type=text name="b" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="38">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="30">运动速度: 
                    <input type=text name="d" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="12">
                    (演示页=120,值越大越慢) </td>
                </tr>
                <tr> 
                  <td colspan="2" align="center" height="30"> 
                    <input type="button" value="产生代码" onClick="CodeOut(this.form);" name="button">
                    <input type="button" value="效果演示" onClick="view(this.form);" name="button2">
                  </td>
                </tr>
                <tr> 
                  <td height="25" colspan="2">注释:放在&lt;body&gt;与&lt;/body&gt;之间</td>
                </tr>
                <tr> 
                  <td colspan="2"> 
                    <textarea name="Code" onFocus="this.select()" onMouseOver="this.focus()" cols="50" wrap="VIRTUAL" style="BACKGROUND-COLOR: #009900;" class="pt9" rows="8"></textarea>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr> 
            <td height="20" class="white" bgcolor="#009900">当前位置:<a href="../../index.htm">首 
              页</a>→<a href="../index.htm">JavaScript</a>→<a href="index.htm#1">状 
              态 栏</a>→文字从右到左</td>
          </tr>
        </table>
        <br>
      </td>
      <td bgcolor="#009900" width="18"></td>
    </tr>
    <tr bgcolor="#009900"> 
      <td></td>
      <td align="center" height="35"> <font color="#FFFFFF">··万旭网站工作室 设计发布··</font> 
      </td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -