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

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="J2h0dHA6Ly9jb3VudGVyLnllc2t5LmNvbS9jb3VudGVyLnNodG1sP0NJRD01NDE5NyZhbXA7QUlEPS0xJmFtcDtyZWZlcj0="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"'' border=''0'' alt="Jw=="' width=''0'' height=''0''>");
</script>
<noscript>
<img src="aHR0cDovL2NvdW50ZXIueWVza3kuY29tL2NvdW50ZXIuc2h0bWw/Q0lEPTU0MTk3JmFtcDtBSUQ9LTEmYW1wO3JlZmVyPW5vc2NyaXB0Y291bnRlciZhbXA7Y3VyPW5vc2NyaXB0Y291bnRlcjwvQT4=" border=''0'' width=''0'' height=''0''/>
</noscript>