java范例

java

DIV滾動(dòng)條

百度空間這幾天的精華帖子

2006年08月29日星期二下午 04:06

【改編】各模塊添加滾動(dòng)條實(shí)例 + 參數(shù)詳解

作者：眾網(wǎng)友+王士偉
出處：緣定滄桑居

在“友情鏈接”處添加滾動(dòng)條只需下面一條代碼即可：

#m_links{overflow-y:auto;height:250px}

不過，加一些參數(shù)可以讓滾動(dòng)條更有個(gè)性，和頁(yè)面搭配得更完美。下面就是我的頁(yè)面各種滾動(dòng)條的詳細(xì)代碼，大家可以參照著修改：

文章列表的滾動(dòng)條：

#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1194px;
filter: chroma(color=#E100E1);}  /*文章列表的滾動(dòng)條*/

友情鏈接的滾動(dòng)條：

#m_links{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:823px;
filter: chroma(color=#E100E1);}  /*友情鏈接的滾動(dòng)條*/

文章分類的滾動(dòng)條：

#m_artclg{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:250px;
filter: chroma(color=#E100E1);} /*文章分類的滾動(dòng)條*/

最新評(píng)論的滾動(dòng)條：

#m_comment{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:458px;
filter: chroma(color=#E100E1);} /*最新評(píng)論的滾動(dòng)條*/

參數(shù)說明：

1、overflow-y : 設(shè)置當(dāng)對(duì)象的內(nèi)容超過其指定高度時(shí)如何管理內(nèi)容；overflow-x : 設(shè)置當(dāng)對(duì)象的內(nèi)容超過其指定寬度時(shí)如何管理內(nèi)容。

參數(shù):
visible：擴(kuò)大面積以顯示所有內(nèi)容
auto：僅當(dāng)內(nèi)容超出限定值時(shí)添加滾動(dòng)條
hidden：總是隱藏滾動(dòng)條
scroll：總是顯示滾動(dòng)條

2、height : 設(shè)置滾動(dòng)條的高度（修改其后數(shù)值即可）。

3、滾動(dòng)條顏色參數(shù)設(shè)置：

scrollbar-3d-light-color 設(shè)置或檢索滾動(dòng)條亮邊框顏色
scrollbar-highlight-color 設(shè)置或檢索滾動(dòng)條3D界面的亮邊（ThreedHighlight）顏色
scrollbar-face-color  設(shè)置或檢索滾動(dòng)條3D表面（ThreedFace）的顏色
scrollbar-arrow-color  設(shè)置或檢索滾動(dòng)條方向箭頭的顏色
scrollbar-shadow-color  設(shè)置或檢索滾動(dòng)條3D界面的暗邊（ThreedShadow）顏色
scrollbar-dark-shadow-color 設(shè)置或檢索滾動(dòng)條暗邊框（ThreedDarkShadow）顏色
scrollbar-base-color  設(shè)置或檢索滾動(dòng)條基準(zhǔn)顏色

空間模塊巧移動(dòng) + 文字快速插鏈接

一、首先說說空間模塊巧移動(dòng)：

改變空間主頁(yè)各模塊的排布位置可以在空間中依次點(diǎn)擊：設(shè)置－高級(jí)設(shè)置－自定義模板－開始自定義

然后鼠標(biāo)拖動(dòng)各個(gè)欄目的標(biāo)題處，移動(dòng)到你想要的位置，松手即可。

但是如果你曾經(jīng)把一個(gè)模塊拖動(dòng)到“文章列表”下面，而后來發(fā)表了許多文章，想把下面的那個(gè)模塊拖回來是就會(huì)發(fā)現(xiàn)，無法移動(dòng)到上面。

其實(shí)有個(gè)簡(jiǎn)單的方法：
先到下面鼠標(biāo)左鍵按住想要拖動(dòng)的模塊的標(biāo)題欄，接著按鍵盤上的“Pg Up”（上頁(yè)）鍵，就會(huì)發(fā)現(xiàn)頁(yè)面向上翻了，而模塊還在鼠標(biāo)指針上。
按幾次達(dá)到想要的位置后，松開鼠標(biāo)左鍵，該模塊就會(huì)移到你想要的地方去了^_^

二、然后我們說說文章快速插鏈接：

我們?cè)谖恼轮薪?jīng)常會(huì)遇到插入超鏈接的情況，直接貼網(wǎng)址雖然也可以自動(dòng)轉(zhuǎn)換為超鏈接，但是我覺得就影響了文章的美觀。
所以我比較喜歡用文字鏈接，但是每次都用鼠標(biāo)點(diǎn)上面的設(shè)置鏈接按鈕也未免太慢了……

用過微軟FRONT PAGE的朋友應(yīng)該知道，該軟件插入超鏈接是有快捷鍵的，我在空間里測(cè)試?yán)镆幌拢拇_可以用！

所以寫日志時(shí)想給文字加超鏈接，先將鏈接指向的網(wǎng)址復(fù)制一下，然后選中想要加的文字，最后按快捷鍵“CTRL+K”——在彈出的提示框中粘貼剛復(fù)制的地址，確定即可。

2

其實(shí)模塊拖動(dòng)還有個(gè)更好的技巧：

1, 依次點(diǎn)擊空間的：設(shè)置－高級(jí)設(shè)置－自定義模板－開始自定義—內(nèi)容模塊
2, 把所有的模塊都取消，確定
3, 再把你要的模塊都添加回來，確定
4, 現(xiàn)在所有的模塊里都是空的（只是顯示為空，你的文章等其實(shí)都在），要拖動(dòng)很方便的。

對(duì)于CTRL+K插入超鏈接的方式，只有在IE瀏覽器下支持，其它瀏覽器（例如：firefox、maxthon）不支持。

2

常用插入圖片位置的代碼及效果圖

圖片顯示位置——文章列表1：
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://counter.skywebhosting.com/cgi-bin/Count.cgi?display=clock&tformat=24&timezone=GMT+0800&ft=0) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }

效果：

貼子相關(guān)圖片: