Javascript脚本特效示例：[15]信息框显示链接

时间：2024-10-24 10:08:40

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、第一步:把如下代码加入<head>区域中(你可以对链接及说明作相应修改)<SCRIPT Language="JavaScript"></Script>

3、第二步:把如下代码加入<body>区域中<FORM NAME='hform'><INPUT TYPE="text" NAME="tips" SIZE="70" value="把鼠标放到链接上看看信息框的信息。"></FORM><CENTER><A HREF="http://hi.baidu.com/yedeqixian"onMouseOver="writeTip(1);return true" onMouseOut="writeTip(3)">聊天室</A> | <A HREF="http://hi.baidu.com/yedeqixian" onMouseOver="writeTip(2);return true" onMouseOut="writeTip(3)">搜索引擎</A></CENTER>

4、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到信息框显示链接特效，文本框有相应的信息变换，可以到达作者的个人百度空间如下图

Javascript脚本特效示例：[27]显示特殊节日

Javascript脚本特效示例：[25]时间交互提示

Javascript脚本特效示例：[17]纯JS时钟

Javascript脚本特效示例：[32]日期显示

Javascript脚本特效示例：[18]显示登陆时间