滾動條變色 隱藏滾動條與雙擊網頁自動滾屏顯示代碼
2024-05-06 14:12:08
供稿：網友
安裝U盤里下載的“滾動條變色”插件，
安裝到DW后，如何正常應用該特效插件？
答：打開DW ，
1、新建頁面——代碼——刪除<html>前面的所有代碼！
2、鼠標定位在<head>之后——點擊DW“設計”——點擊“滾動條變色”插件，進行設置。
滾動條代碼英文翻譯：arrow——箭頭，track——軌道。
提示：如果插入以下代碼不能變色，請把網頁頭部<html>前的多于代碼刪除即可！
滾動條變色：
也可以直接在網頁的<head> </head>之間輸入以下代碼，就可以隨意變色了：
代碼如下:
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動條凸出部分的顏色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動條空白部分的顏色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動條陰影的顏色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)
SCROLLBAR-BASE-COLOR:#333333; (滾動條的基本顏色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動條強陰影的顏色)
</style>
后面的16位顏色值你可以隨意更改，括號內是解釋說明，在輸入時請不要插入。
隱藏滾動條：
在任何情況下，如果網頁超出顯示范圍，就會出現滾動條。但有時我們并不想讓它顯示，如何隱藏它呢？只需在<body> </body>之間插入代碼：<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滾動條，將其改為y的話就可以隱藏垂直滾動條。
雙擊網頁滾屏顯示：
當網頁中有長篇文章時，瀏覽起來就比較吃勁了，想想一邊忙著拖動滾動條，一邊忙著瀏覽，確實挺累人的。為了客人能夠輕松的瀏覽，我們可以使用script代碼實現網頁的自動滾屏，當雙擊網頁的時候，網頁將會自動向下滾動，再次單擊時滾動停止。將下面的代碼插入到<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>
注意：上面代碼都是非標準模式的。
