72、时时字显示效果
类别: JavaScript教程
====1、将以下代码加入HTML的<HEAD></HEAD>之间:
<script language="javaScript">
<!-- Beginning of JavaScript -
var message = ""
function showresult() {
if(document.all) {
message=document.forms[0].elements[0].value
firstfont.innerHTML=message
secondfont.innerHTML=message
}
var timer=setTimeout("showresult()",300)
}
// - End of JavaScript - -->
</script>
<link rel="stylesheet" href="../style.css">
<script language="javaScript">
<!-- Beginning of JavaScript -
var message = ""
function showresult() {
if(document.all) {
message=document.forms[0].elements[0].value
firstfont.innerHTML=message
secondfont.innerHTML=message
}
var timer=setTimeout("showresult()",300)
}
// - End of JavaScript - -->
</script>
<link rel="stylesheet" href="../style.css">
====2、将以下代码加入HTML的<BODY></BODY>之间:
<body bgcolor="#FFFFFF" onLoad="showresult()">
<form name="formname">
<div align="center"><center><table cellpadding="2" border="2" width="326">
<tr>
<td bgcolor="#808000"><font color="FFFFFF">随便写一点什么东西:<br>
<input name="inputname" type="text" size="30"> <input type="submit" name="Submit"
value="Submit"> </font></td>
</tr></table></center></div></form>
<div id="secondfont"
style="position:absolute;visibility:visible;top:150px;left:100px;font-size:25pt;color:FFCCCC;filter:glow
(color:FFFFCC,strength:2) blur() flipV()"></div><div
id="firstfont"
style="position:absolute;visibility:visible;top:100px;left:100px;font-size:25pt;color:FF0000; filter:glow
(color:FFFF00,strength:3) blur()"></div>
<script language="javaScript">
<!-- Beginning of JavaScript -
var message = ""
function showresult() {
if(document.all) {
message=document.forms[0].elements[0].value
firstfont.innerHTML=message
secondfont.innerHTML=message
}
var timer=setTimeout("showresult()",300)
}
// - End of JavaScript - -->
</script>
<link rel="stylesheet" href="../style.css">
<script language="javaScript">
<!-- Beginning of JavaScript -
var message = ""
function showresult() {
if(document.all) {
message=document.forms[0].elements[0].value
firstfont.innerHTML=message
secondfont.innerHTML=message
}
var timer=setTimeout("showresult()",300)
}
// - End of JavaScript - -->
</script>
<link rel="stylesheet" href="../style.css">
====2、将以下代码加入HTML的<BODY></BODY>之间:
<body bgcolor="#FFFFFF" onLoad="showresult()">
<form name="formname">
<div align="center"><center><table cellpadding="2" border="2" width="326">
<tr>
<td bgcolor="#808000"><font color="FFFFFF">随便写一点什么东西:<br>
<input name="inputname" type="text" size="30"> <input type="submit" name="Submit"
value="Submit"> </font></td>
</tr></table></center></div></form>
<div id="secondfont"
style="position:absolute;visibility:visible;top:150px;left:100px;font-size:25pt;color:FFCCCC;filter:glow
(color:FFFFCC,strength:2) blur() flipV()"></div><div
id="firstfont"
style="position:absolute;visibility:visible;top:100px;left:100px;font-size:25pt;color:FF0000; filter:glow
(color:FFFF00,strength:3) blur()"></div>
- 上一篇: 71、反选表单栏效果
- 下一篇: 73、上下滚屏效果
-= 资 源 教 程 =-
文 章 搜 索