休闲海岸线

教你查找链接列表的id值

关键词： 链接列表    id                                          

                                     （本文为逍遥赵原创）

很多博友反映看不懂我写的涉及到链接列表id的文章，不知道如何查找链接列表的id，于是特此写下此文。

我们每当在后台里创建一个链接列表后，相应的，首页的源代码里就会自动生成一个链接列表的id和id对应的代码。

通过浏览器的“查看”－“查看源代码”，我们可以分析一下首页的链接列表的源代码：

以我的博客的首页源代码为例，我的首页有一个链接列表叫做“最具规模的博友链接”，那么就比如可以在源代码中找到以下代码：

<div id="textBookmark" class="operation">

              <h4 >【最具规模的博友链接】</h4>

                            <ul class="bookmarkGroup" id="bookmarkGroup189115"> 

              </ul>

              </div>

这其中，<h4>于</h4>之间是链接列表的名称，而bookmarkGroup189115就是该链接列表的id值。

有了这个id值，我们就可以在首页的CSS通过加入一些CSS代码对这个链接列表进行随意的控制和调整。

只需在CSS中加入以下代码：

#bookmarkGroup189115{

overflow: auto;

font-family: Arial,Helvetica,sans-serif;

 font-size: 9pt;

 line-height: 18px;

 color: #000000;

 text-decoration: none;

 height:150px;

 SCROLLBAR-FACE-COLOR: #FFDDAA;

 SCROLLBAR-HIGHLIGHT-COLOR: #DEEB9F;

 SCROLLBAR-SHADOW-COLOR: #DEEB9F;

 SCROLLBAR-3DLIGHT-COLOR:#DEEB9F;

 SCROLLBAR-TRACK-COLOR: #FFFACD;

 SCROLLBAR-ARROW-COLOR: #4A590D;

 SCROLLBAR-DARKSHADOW-COLOR: #DEEB9F;

}

便实现了链接列表加入滚动条的效果。

另外如果将上面的代码精简为下面的代码：

#bookmarkGroup189115{Height:0 px;}

这就实现了首页显示的链接列表没有任何空白的效果（前提是不在链接列表里加入链接而是只在链接列表的描述里加入代码）。

依此类推，要想在CSS里任意控制某一个链接列表，只需找出它的id值，然后在CSS里加入：#bookmarkGroupXXXX{控制代码;}即可（XXXX为该链接列表的值）。

再提示大家一个快捷方法，在查看源代码时，按CTRL+F，在“查找内容”里输入链接列表的名字，然后查找，就能立即找到它的id了（就在附近嘛）。

查找链接列表的id值是很实用的，我的多篇文章都涉及到这个知识点，希望大家灵活掌握。

【作者: ☆亮※亮☆】【访问统计:】【2005年12月3日 星期六 12:16】【注册】【打印】