嘛``总觉得bus的友情链接的样式太单调了，今天在模板里改造了一下。

样式和功能是好多了，只是不能用bus的链接系统自动生成链接了。。。

实现方法：

第一步，在模板的header段加入javascript代码：

//创立一个显示/隐藏ul的方法

/* Id是你添加的分类的标号，从0开始。obj是触发该事件的html元素，一般为对象自身的引用，this */
function showHideLink(Id,obj){
    var linkBoxes=document.getElementById("links").getElementsByTagName("ul");
    try{
        if(linkBoxes[Id].style.display=="none")
            linkBoxes[Id].style.display="block";
        else
            linkBoxes[Id].style.display="none";
        if(obj.innerHTML=="+展开")
            obj.innerHTML="-折叠";
        else
            obj.innerHTML="+展开";
    }
    catch(e){}
}

第二步，修改Index和Log中关于链接部分的代码（这两个里面需要修改的是一样的）：

找到原先的<div><!-- ~ links ~ -->

              <!-- ~new_link~ --></div>

替换成如下代码：

<div>

    <h3>分类1</h3>
    <ul style="display:none;" >
        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>

        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>

        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>
    </ul>

    <p onclick="showHideLink(0,this);"  class="expandbar">+展开</p>
    <h3>分类2</h3>
    <ul style="display:none;" >
        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>

        <li><a href="链接的url" title="链接的标题">链接的文字</a></li> 

        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>

    </ul>

    <p onclick="showHideLink(1,this);"  class="expandbar">+展开</p>

    <h3>分类3</h3>
    <ul style="display:none;" >
        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>

        <li><a href="链接的url" title="链接的标题">链接的文字</a></li> 

        <li><a href="链接的url" title="链接的标题">链接的文字</a></li>

    </ul>

    <p onclick="showHideLink(2,this);"  class="expandbar">+展开</p>

</div>

第三步，修改CSS，对元素应用样式即可，这一点就要靠你们来发挥咯 ~~

9月9日更新：

似乎加到模板里修改起来很不方便，可以把模板中的<div id="links"> <!-- ~ links ~ --><!-- ~new_link~ --></div>去掉

将第二步的代码连同嵌套在外面的<div id="links">..</div>移动到自定义HTML里（这个可以在blog设置里找到），这样不用每次都修改模板了，直接在自定义HTML里设定就行了。。

IE7在CSS上改进

找资料的时候顺便看到这个，就顺便贴了过来。对于从事Web设计人还是有点用处的。

原文如下，找时间再慢慢翻译。   =v=

-----------------我是分隔线----------------------

Details on our CSS changes for IE7

We are currently locking down IE7 for shipping and I wanted to give an update on the CSS work that went into IE7.

详细内容请阅读全文。

最近在复习CSS。真是很神奇的东西。

把3月份看完的Andy Budd写的《精通CSS:高级Web标准解决方案》（《CSS Mastery:Advanced Web Standards Solutions》） 又仔仔细细复习了一遍，重读后又学到了好多东西。大概就是所谓，温故而知新罢~  [=v=] |||

找相关资料，看到CSS Hack在IE7出现之后又有所变化。

 IE7对CSS标准的支持更进了一步，至少比IE6要好一些。主要表现就我所知：对CSS的兼容性在增多：比如页面元素的伪类的支持，对!important标记的支持，对于页面呈现的框模型（box model）的修正，对一些CSS标记的解析bug的改进。这也使得以前在IE早期版本中能够应用的hack产生了新的问题。

从http://centricle.com/ref/css/filters/上看到这张表格（由于表格的显示原网站是用javascript控制的，而blog正文似乎是屏蔽脚本的，所以只好截图了，图比较大，看不清楚就点击放大吧~~   =v=）