快捷導(dǎo)航

滾動(dòng)條變色隱藏滾動(dòng)條與雙擊網(wǎng)頁(yè)自動(dòng)滾屏顯示代碼

更新時(shí)間：2009年12月28日 23:55:25 作者：

安裝U盤里下載的“滾動(dòng)條變色”插件，

安裝到DW后，如何正常應(yīng)用該特效插件？
答：打開DW ，
1、新建頁(yè)面——代碼——?jiǎng)h除<html>前面的所有代碼！
2、鼠標(biāo)定位在<head>之后——點(diǎn)擊DW“設(shè)計(jì)”——點(diǎn)擊“滾動(dòng)條變色”插件，進(jìn)行設(shè)置。
滾動(dòng)條代碼英文翻譯：arrow——箭頭，track——軌道。
提示：如果插入以下代碼不能變色，請(qǐng)把網(wǎng)頁(yè)頭部<html>前的多于代碼刪除即可！

滾動(dòng)條變色：

也可以直接在網(wǎng)頁(yè)的<head> </head>之間輸入以下代碼，就可以隨意變色了：

復(fù)制代碼代碼如下:

 
<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)條。

雙擊網(wǎng)頁(yè)滾屏顯示：

當(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>之間。

復(fù)制代碼代碼如下:

 
<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> 