连 接 特 效 总 结
去掉鼠标碰到连接时，文字下方出现的实线
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {text-decoration: NONE}
</style>
让链接变色
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {color: #51bfe0}
A:hover { color: #000000 }
</style>
注：color可自行设定
增强链接的力度
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {font-weight: bold }
</style>
不让点链接时出现虚线的办法
方法1：<a href=连接地址 onfocus='this.blur()'>文字</a>
方法2：也可以在<head>与</head>之间加上：
<script language='JavaScript'>
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>
注：看到么？代码中除了定义了“A”（文字）可以去除虚线，还有“IMG”（图片）呢~
所以这段代码也可以应用在图片上~
注意：图像热点的虚线是不能去掉的。。。
触到链接时出现虚线
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {text-decoration: NONE}
A:hover {border-bottom:1px dashed #51bfe0 }
</style>
注：1px：虚线的粗幼，dashed：线条的样式、dashed是“虚线”、dotted是“点线”、soild是“实线”，#51bfe0：颜色的代码。
另，border-bottom 那里代表会在文字的下方出现虚线，还可以是border-top、border-right 或 border-left，若想文字的四边都出现虚线，可直接用border，border:1px dashed #51bfe0
给链接添加背景色
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {background-color: #CCFFFF}
</style>
注：color可自行设定
会向下移动的链接
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {position: relative; left:1px; top:1px}
</style>
注：不一定是 left 和 top 搭配，还可以是 bottom 和 right，或只是 top，这些可根据喜好设定~
碰到连接时出现说明
简单的说明效果：
请将以下代码拷贝至页面的<body>与</body>之间:
<a href=连接地址 title=说明文字>内容</a>
注：title 属性除了用在连接上，还可用普通的文字上（<a title=连接文字>内容</a> 即可），或任何有 title 属性的元素
复杂但漂亮的效果：
看：../a/a.asp?B=4&ID=414127
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { font-family: Verdana, Tahoma; background-color: #FFFFCC; border: 1px #000000 solid; font-size: 11px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
里面可以改样式~
链接雾化效果
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {FILTER: blur (add="0",direction="90",strength="5"); COLOR:#ffffff; HEIGHT: 0px;}
</style>
注：代码中的数值都是雾化的强度之类，可自行设定~
当鼠标移至连接处会出现图片
步骤一、复制程序代码至<head></head>之间
<SCRIPT LANGUAGE="JavaScript">
function imgover(imgname)
{imgname.src = "ima/arrow.gif"}
function imgout(imgname)
{imgname.src = "ima/blank.gif"}
</SCRIPT>
步骤二、复制到网页中<body>与</body>之间，欲呈现特效的位置
<table border=0 align=center width=88>
<tr><td width="80">
<p><img name="pic1" SRC="ima/blank.gif" width=10 height=10 border=0>
<a HREF="t6.htm" onMouseOver="imgover(pic1)" onMouseOut="imgout(pic1)">连结焦点</a></p>
<p><img name="pic2" SRC="ima/blank.gif" width=10 height=10 border=0>
<a HREF="0016.htm" onMouseOver="imgover(pic2)" onMouseOut="imgout(pic2)">淡出说明</a></p>
</tr></table>
注：指针的地方原本就有一个透明的图片（ima/blank.gif），鼠标移到连结后就会显示那一个图片，所以运用了两张图。