CSS做一个超链接的陷下效果

代码如下：
<style>
A:link,A:visited ,A:active {TEXT-DECORATION: none}
A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}
</style>
<A HREF="http://homepage.yesky.com/">把鼠标放上来看看效果---</A>
<A HREF="http://homepage.yesky.com/">这里是天极网页陶吧</A><script language="<a href="javascripthttp://www.knowsky.com/article.asp？typeid=36">javascript</a>">
var now = new Date（）;
document.write（"<img src=""http://counter.yesky.com/counter.shtml？CID=54197&AID=-1&refer="+escape（document.referrer）+"&rand="+ now.getTime（） + "&cur="+escape（document.URL）+""" border=""0"" alt="""" width=""0"" height=""0"">"）;
</script>
<noscript>
<img src="http://counter.yesky.com/counter.shtml？CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border=""0"" width=""0"" height=""0""/>
</noscript>