特效代码:区别网页链接访问与未访问

大中小文章来源：万象互联更新时间：2011-8-18 14:30:33

特效代码:区别网页链接访问与未访问，大家可以在自己的网页上用用，可以给用户很好的提示！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>特效代码:区别网页链接访问与未访问--万象互联网络资讯网webjx.com</title> <style> body { font-size:12px; line-height:180%; } ul { padding:10px; margin:0; list-style:none; } ul li a { background:url(http://www.webjx.com/files/090207/1_212738.gif) 0 center no-repeat; padding-left:20px; color:#04d; } ul li a:visited { background:url(http://www.webjx.com/files/090207/1_212715.gif) 0 center no-repeat; color:#999; } </style> </head> <body> <p>将已访问的链接标记为已读，点击以下任意链接看一下</p> <div> <ul> <li><a href="http://www.webjx.com/css/divcss-9341.html" target="_blank">选择正确DOCTYPE解决CSS在网页失效问题</a> </li> <li><a href="http://www.webjx.com/javascript/jsajax-9340.html" target="_blank">Javascript校验含中文的字符串长度</a></li> <li><a href="http://www.webjx.com/html-xhtml/webxhtml-9339.html" target="_blank">链接A的语义、写法和最佳实践</a> </li> <li><a href="http://www.webjx.com/html-xhtml/webxhtml-9338.html" target="_blank">英文:A链接标记ie下会自动补全href</a></li> <li><a href="http://www.webjx.com/javascript/jsajax-9337.html" target="_blank">掌握JavaScript语言</a> </li> <li><a href="http://www.webjx.com/javascript/jsajax-9336.html" target="_blank">编写复杂环境下不出错的Javascript代码</a> </li> <li><a href="http://www.webjx.com/javascript/jsajax-9335.html" target="_blank">JavaScript内置对象:arguments</a></li> <li><a href="http://www.webjx.com/javascript/jsajax-9334.html" target="_blank">JavaScript类型检测小结</a></li> <li><a href="http://www.webjx.com/javascript/jsajax-9333.html" target="_blank">JavaScript教程：浅析JS运行机制</a></li> </ul> </div> </body> </html>

[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]

版权说明:本站原创文章,由万象互联 SEO优化发表.
本文地址:https://www.hulian.top/zixun/post/4076.html

分享到：QQ空间新浪微博腾讯微博微信百度贴吧百度空间搜狐微博