设为首页
加入收藏
帮助中心
首页 | 红盾通告 | 信息中心 | ASP技术 | 数据库 | 网页设计 | 网管专栏 | OICQ攻略 | 墨客频道 | 网站运营 |
当前位置:首页 >> 网页设计 >> Javascript >> 正文
最新信息
·Javascript处理数字的几个…
·判断当前网页是否为本站页…
·鼠标指上图片替换后出现下…
·逍遥狼无图片智能圆角
·javascript获取当前网页文…
·用javascript获得地址栏参…
·JavaScript常用判断函数
·双击鼠标滚动屏幕的代码
·web应用漏洞扫描工具Jikto…
·常备JS操作
资料搜索
热点信息
·js获取图片尺寸
·怎么让弹出窗口最大化
·web应用漏洞扫描工具Jikto…
·判断radio多个单选按纽中是…
·如何用文字做一个只刷新验…
·防止F5刷新执行onunload事…
·Javascript获取IE浏览器窗…
·关闭IE时调用onbeforeunlo…
·js表单提交验证
·javascript获取当前网页文…
推荐信息
·显示日期方式
·添加到收藏夹
·终极应用--弹出的窗口之Co…
·防止被人frame
·web应用漏洞扫描工具Jikto…
·JavaScript常用的一些验证…
·关闭IE时调用onbeforeunlo…
·js表单提交验证
·自己综合其他资料写的一套…
·window.open具体参数


Google
 
鼠标移到按钮上就会出现跳马灯式样的说明文字
〖编辑:Cloudy | 浏览:人次〗

要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<SCRIPT language="JavaScript">

<!--

bname=navigator.appName;

bversion=parseInt(navigator.appVersion)

if (bname=="Netscape")

brows=true

else

brows=false

var x=0;

var link=new Array();

 

function dspl(msg,bgcolor,dtop,delft){

this.msg=msg;

this.bgcolor=bgcolor;

this.dtop=dtop;

this.dleft=delft;

}

 

 

link[0]=new dspl('[我的链接]<BR>说明文字','bisque',150,430)

 

link[1]=new dspl('[我的链接]<BR>说明文字','bisque',175,430)

 

link[2]=new dspl('[我的链接]<BR>说明文字','bisque',200,430)

 

link[3]=new dspl('[我的链接]<BR>说明文字','bisque',235,430)

 

// Do not edit anything else in the script !!!!

 

function don(x){

if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){

if (brows){

with(link[x]){

document.layers['linkex'].bgColor=bgcolor;

document.layers['linkex'].document.writeln(msg);

document.layers['linkex'].document.close();

document.layers['linkex'].top=dtop;

document.layers['linkex'].left=dleft;

}

document.layers['linkex'].visibility="show";

}

else{

with(link[x]){

linkex.innerHTML=msg;

linkex.style.top=dtop;

linkex.style.left=dleft;

linkex.style.background=bgcolor;

}

linkex.style.visibility="visible";

}

}

}

 

function doff(){

if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){

if (brows)

document.layers['linkex'].visibility="hide";

else

linkex.style.visibility="hidden";

}

}

 

//-->

 

 

</SCRIPT>


第二步:把如下代码加入到<body>区域中

<Div id="linkex" style="position: absolute; visibility: hidden; width=30%">

</Div>

<Layer name="linkex" visibility="hide" width=80%>

</Layer>

<p align="center"> <a href="link.htm" onmouseover="don(0)" onmouseout="doff()" target="_blank"><font face="楷体_GB2312">[我的链接]</font></a><font face="楷体_GB2312"><BR>
  <BR>
  <a href="link.htm" onmouseover="don(1)" onmouseout="doff()" target="_blank">[我的链接]</a><BR>
  <br>
  <a href="link.htm" onmouseover="don(2)" onmouseout="doff()" target="_blank">[我的链接]</a><BR>
  <BR>
  <a href="link.htm" onmouseover="don(3)" onmouseout="doff()" target="_blank">[我的链接]</a></font>
</p>


录入时间:2006-06-20 12:49:45 [打印本页] [关闭窗口] [返回顶部]
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

Copyright © 2006-2014 0733168.Com Inc All Rights Reserved
关于我们 | 广告合作 | 联系我们 | 法律声明 | 友情链接 | 意见反馈
本站所收录信息、社区话题、及本站所做之广告均属其个人行为,与本站立场无关
湘ICP备06008436号