📄 word_draggen.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<HEAD>
<title>Show And Hide</title>
<style>
.box{font-size:40;color:red;border:0;font-family:EnglischeSchT}
.40pt{font-size:50pt;color:blue;font-family:方正舒体简体}
</style>
<SCRIPT LANGUAGE="JavaScript">
//跑马灯中要显示的信息。
var Message="This is a simple scroll!But it is interesting. You can do it too!!";
var place=1;
//文字显示
function scrollIn() {
window.text.value=Message.substring(0, place);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollOut()",300); 
} else {
place++;
window.setTimeout("scrollIn()",100); 
   } 
}
//文字移走
function scrollOut() {
window.text.value=Message.substring(place, Message.length);
if (place >= Message.length) {
place=1;
window.setTimeout("scrollIn()", 300);
} else {
place++;
window.setTimeout("scrollOut()", 50);
   }
}
</SCRIPT>
</head>
<BODY onLoad="scrollIn()">
<center>
<br><br><br><br>
<input type=text name=text class=box value="" size=80>
<table width=100%>
<tr><td background=xian.gif>&nbsp;
</tr>
</table>
<p>
<font class=40pt>
<br>
两重效果的综合。<br>这个跑马灯效果也很有趣。
</font>
</center><p>
</body>
</html>
<IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -