超级链接样式

发表评论 | Trackback 2009年8月5日作者：死兔子点击量：1,678 次

现在的效果超级链接效果代码如下:

 <a href="#" rel="external">#</a>

其实这个我也不是很懂，在群里面一叫，blade童鞋告诉我的。嘿嘿，接下来当然是动手了！

当然了blade童鞋把别人想得和自己一样高深，其实网上很多人和我一样什么都只懂些皮毛，所以他写的我还是搞不清楚，怎么办呢，我准备找他的时候他人不在线，靠超郁闷

！（ps：他是29号告诉我的，我是30号开始动手的！）

当然了面对失败不能后退啊！后退了，还不如我当初不问了，让人郁闷！突然别我发现这小子尽然也在用这个方法，哈哈！俗话说的好，写出来的不一定是好的，怎么都得留一

手吧。但是我用FF把他用的给揪出来啊！我查看了他网页源代码发现了一段写在博客上的javascript代码。

<scripttype="text/javascript">
functionoutlinks() {
if (!document.getElementsByTagName) return; 
        if(!
document.getElementById("postarea")) return;
             var 
anchors = document.getElementById("c").getElementsByTagName("a");//仅应用id为c的块内部的
a标签
                 for (var i=0; i<anchors .length; i++) { 
                    var anchor = anchors[i]; 
                    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external"){ 
                          &
nbsp;     anchor.target = "_blank"; 
                          &
nbsp;     anchor.className="external";
                 }
       }
 }
 if (window.attachEvent) window.attachEvent("onload", sfHover);
 if(window.attachEvent) { //ie
     window.attachEvent("onload", outlinks);
 }
 else if(window.addEventListener) {
     window.addEventListener('DOMContentLoaded', outlinks, 
false);
 }
 </script>

最下面两个/标签去掉，插件bug啊!然后直接拷贝到我的header.php文件的</head>上面去.当然了要不这中间的“c”改为自己的文章的id最好是文章栏的id。接下来把

css代码复制到我的style.css中去，就可以了不过我发现他的css代码不好看就把它稍微处理了一下，把后面的背景下调了一下.

 a.external {
     padding:0 12px 0 0;
     background-
image: url(images/external.png); 
    background-repeat: 
no-repeat;
     background-position: right center;
 }