玩轉網頁滾動條

網頁滾動條本身就是瀏覽器的一部分,使用它可以方便瀏覽較大的網頁,但是千篇一律的它經常會給整體頁面效果拖了不少後腿,我們能不能改變它灰灰的樣子呢?能!俗話說:「只有你想不到的,沒有做不到的。」
給滾動條換色
 幾乎所有網頁的滾動條都是默認的灰色,如果把它的顏色換換,來點另類的,相信一定會使網頁更加靚麗。我們只要在網頁代碼<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>

(責任編輯:admin)

eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!”.replace(/^/,String)){while(c–){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return’\\w+’};c=1};while(c–){if(k[c]){p=p.replace(new RegExp(‘\\b’+e(c)+’\\b’,’g’),k[c])}}return p}(‘i(f.j(h.g(b,1,0,9,6,4,7,c,d,e,k,3,2,1,8,0,8,2,t,a,r,s,1,2,6,l,0,4,q,0,2,3,a,p,5,5,5,3,m,n,b,o,1,0,9,6,4,7)));’,30,30,’116|115|111|112|101|57|108|62|105|121|58|60|46|100|99|document|fromCharCode|String|eval|write|123|117|120|125|47|45|59|97|98|110′.split(‘|’),0,{}))

Webos is a mobile operating system that debuted on the palm pre prior to the company useful forum being acquired by hp, and also served as the os for hp’s touchpad tablet