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

 时间:2026-02-16 02:34:28

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>

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

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

2、第一步:把如下代码加入<head>区域中(你可以对链接及说明作相应修改)

<SCRIPT Language="JavaScript">

<!-- Hide from JavaImpaired Browsers

function MakeArray(n) {                    

this.length = n;   

for (var i = 1; i <= n; i++) {      

this[i] = 0 }     

return this    

 }

var ToolTips = new MakeArray(1);       

 ToolTips[0] = 1;        

ToolTips[1] = "聊天室";        

ToolTips[2] = "搜索引擎";       

 ToolTips[3] = "把鼠标放到链接上看看信息框的信息。";

function writeTip(imgIndex ){              

document.hform.tips.value=(ToolTips[imgIndex]);} //--></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脚本特效示例:[15]信息框显示链接

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

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

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

  • Javascript脚本特效示例:[27]显示特殊节日
  • Javascript脚本特效示例:[25]时间交互提示
  • Javascript脚本特效示例:[17]纯JS时钟
  • Javascript脚本特效示例:[32]日期显示
  • Javascript脚本特效示例:[18]显示登陆时间
  • 热门搜索
    花盆里有虫子怎么办 凉拌黑木耳 个人所得税可以退税吗 体育旅游 芜湖旅游景点 山西十大景区 长春旅游攻略必去景点 中山旅游攻略 南浔旅游 康婷产品怎么样