Javascript脚本特效示例：[28]Form中的时钟

时间：2024-11-25 02:34:41

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。<html><head><title媪青怍牙>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>

2、第一步：把如下代码加入<body>区域中<script language屏顿幂垂="JavaScript媪青怍牙"></script><form method="POST" name="clock"> <p> <input type="text" name="face" size="11" style="font-size: 9pt"> </p> </form>

3、第二步：把<body>区域改为,并重名文档为HTML文件<body bgcolor="#fef4d9" onLoad="startclock();">

4、用IE浏览器打开晓博JavaScript特效测试.html文件，关闭网页，可以看到Form中的时钟特效，今天的时间是2014.5.4,如下图

Javascript脚本特效示例：[30]Form栏全时钟

Javascript脚本特效示例：[29]可开关Form时钟

Javascript脚本特效示例：[23]背景上加时钟

Javascript脚本特效示例：[34]全日制时钟

Javascript脚本特效示例：[33]时间日期转换