‘ 电脑网络 ’ 的存档; 分类

自定义你的嘀咕秀样式

此文转载自Foxling 大师博客,不过我尽转载了JS输出部分,因为只有这个才可以自定义 对于众多自建博客来说,JS版应该算是最好的选择了,CSS样式完全自主控制,如果熟悉JS的话,HTML结构也可以由自己定制 JS的链接代码:1 2 3 <div id="diguShow">正在加载嘀咕...</div> <script src="http://digushow.com/js/digushow.js" type="text/javascript"> </script><script src="http://digushow.com/api/digushow.jsp?callback=diguShowCallback&username=foxling&count=5" type="text/javascript"></script>有三个可定义的参数,callback后面会说到,先说后两个参数: username:嘀咕用户名 count:读取的嘀咕数目 JS加载的效果如我首页置顶文章 自定义嘀咕秀JS版的CSS样式 嘀咕秀JS版没有自带任何CSS样式,这样嘀友们可以自己无限发挥~~ JS生成的HTML代码格式如下,生成的代码结构比较简单,并且加上了ID,只需要写相应的CSS即可。1 2 3 4 5 6 7 8 <div id="diguShow"> <ul id="diguShow_List"> <li>求Window空间,让我挂个东东吧。<a href="http://digu.com/jump?aid=detail&twId=169480" class="diguShow_time">11小时前</a></li> </ul> <p id="diguShow_More"> <a target="_blank" href="http://www.digu.com/foxling">进入<strong>FoxLing</strong>的嘀咕主页?</a> </p> </div>在主题的style.css里写入CSS(我稍微写了一点样式,不过还是按照我博客简洁的风格),给每条嘀咕加上了一个小icon,显得更有条理点,可以在我的博客看到效果: [ 阅读全文]