玩轉(zhuǎn)網(wǎng)頁(yè)滾動(dòng)條
網(wǎng)頁(yè)滾動(dòng)條本身就是瀏覽器的一部分，使用它可以方便瀏覽較大的網(wǎng)頁(yè)，但是千篇一律的它經(jīng)常會(huì)給整體頁(yè)面效果拖了不少后腿，我們能不能改變它灰灰的樣子呢？能！俗話說(shuō)：“只有你想不到的，沒有做不到的。”
給滾動(dòng)條換色
幾乎所有網(wǎng)頁(yè)的滾動(dòng)條都是默認(rèn)的灰色，如果把它的顏色換換，來(lái)點(diǎn)另類的，相信一定會(huì)使網(wǎng)頁(yè)更加靚麗。我們只要在網(wǎng)頁(yè)代碼<head> </head>之間插入下面的代碼，即可隨心所欲地更改顏色了。
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動(dòng)條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動(dòng)條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動(dòng)條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動(dòng)條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動(dòng)條強(qiáng)陰影的顏色)
</style>
后面的16位顏色值你可以隨意更改，括號(hào)內(nèi)是解釋說(shuō)明，在輸入時(shí)請(qǐng)不要插入。
隱藏滾動(dòng)條
在任何情況下，如果網(wǎng)頁(yè)超出顯示范圍，就會(huì)出現(xiàn)滾動(dòng)條。但有時(shí)我們并不想讓它顯示，如何隱藏它呢？只需在<body> </body>之間插入代碼：<body style=”overflow-x:hidden;overflow-y:hidden”>即可。其中x表示水平滾動(dòng)條，將其改為y的話就可以隱藏垂直滾動(dòng)條。
滾屏顯示
當(dāng)網(wǎng)頁(yè)中有長(zhǎng)篇文章時(shí)，瀏覽起來(lái)就比較吃勁了，想想一邊忙著拖動(dòng)滾動(dòng)條，一邊忙著瀏覽，確實(shí)挺累人的。為了客人能夠輕松的瀏覽，我們可以使用script代碼實(shí)現(xiàn)網(wǎng)頁(yè)的自動(dòng)滾屏，當(dāng)雙擊網(wǎng)頁(yè)的時(shí)候，網(wǎng)頁(yè)將會(huì)自動(dòng)向下滾動(dòng)，再次單擊時(shí)滾動(dòng)停止。將下面的代碼插入到<body> </body>之間。
<script language”javascript”>
var currentpos,timer;
function initialize()
{
timer=setInterval(“scrollwindow()”,10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
玩轉(zhuǎn)網(wǎng)頁(yè)滾動(dòng)條
玩轉(zhuǎn)網(wǎng)頁(yè)滾動(dòng)條 網(wǎng)頁(yè)滾動(dòng)條本身就是瀏覽器的一部分，使用它可以方便瀏覽較大的網(wǎng)頁(yè)，但是千篇一律的它經(jīng)常會(huì)給整體頁(yè)面效果拖了不少后腿，我們能不能改變它灰灰的樣子呢？能！俗話說(shuō)：“只有你想不到的，沒有做不到的。” 給滾動(dòng)條換色 幾乎所有網(wǎng)頁(yè)的滾動(dòng)條
給TA打賞
人已打賞
