滾動條變色 隱藏滾動條與雙擊網(wǎng)頁自動滾屏顯示代碼
更新時間:2009年12月28日 23:55:25 作者:
滾動條變色 隱藏滾動條與雙擊網(wǎng)頁自動滾屏顯示代碼
安裝U盤里下載的“滾動條變色”插件,
安裝到DW后,如何正常應(yīng)用該特效插件?
答:打開DW ,
1、新建頁面——代碼——刪除<html>前面的所有代碼!
2、鼠標(biāo)定位在<head>之后——點擊DW“設(shè)計”——點擊“滾動條變色”插件,進行設(shè)置。
滾動條代碼英文翻譯:arrow——箭頭,track——軌道。
提示:如果插入以下代碼不能變色,請把網(wǎng)頁頭部<html>前的多于代碼刪除即可!
滾動條變色:
也可以直接在網(wǎng)頁的<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位顏色值你可以隨意更改,括號內(nèi)是解釋說明,在輸入時請不要插入。
隱藏滾動條:
在任何情況下,如果網(wǎng)頁超出顯示范圍,就會出現(xiàn)滾動條。但有時我們并不想讓它顯示,如何隱藏它呢?只需在<body> </body>之間插入代碼:<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滾動條,將其改為y的話就可以隱藏垂直滾動條。
雙擊網(wǎng)頁滾屏顯示:
當(dāng)網(wǎng)頁中有長篇文章時,瀏覽起來就比較吃勁了,想想一邊忙著拖動滾動條,一邊忙著瀏覽,確實挺累人的。為了客人能夠輕松的瀏覽,我們可以使用script代碼實現(xiàn)網(wǎng)頁的自動滾屏,當(dāng)雙擊網(wǎng)頁的時候,網(wǎ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>
注意:上面代碼都是非標(biāo)準(zhǔn)模式的。
安裝到DW后,如何正常應(yīng)用該特效插件?
答:打開DW ,
1、新建頁面——代碼——刪除<html>前面的所有代碼!
2、鼠標(biāo)定位在<head>之后——點擊DW“設(shè)計”——點擊“滾動條變色”插件,進行設(shè)置。
滾動條代碼英文翻譯:arrow——箭頭,track——軌道。
提示:如果插入以下代碼不能變色,請把網(wǎng)頁頭部<html>前的多于代碼刪除即可!
滾動條變色:
也可以直接在網(wǎng)頁的<head> </head>之間輸入以下代碼,就可以隨意變色了:
復(fù)制代碼 代碼如下:
<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位顏色值你可以隨意更改,括號內(nèi)是解釋說明,在輸入時請不要插入。
隱藏滾動條:
在任何情況下,如果網(wǎng)頁超出顯示范圍,就會出現(xiàn)滾動條。但有時我們并不想讓它顯示,如何隱藏它呢?只需在<body> </body>之間插入代碼:<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滾動條,將其改為y的話就可以隱藏垂直滾動條。
雙擊網(wǎng)頁滾屏顯示:
當(dāng)網(wǎng)頁中有長篇文章時,瀏覽起來就比較吃勁了,想想一邊忙著拖動滾動條,一邊忙著瀏覽,確實挺累人的。為了客人能夠輕松的瀏覽,我們可以使用script代碼實現(xiàn)網(wǎng)頁的自動滾屏,當(dāng)雙擊網(wǎng)頁的時候,網(wǎ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>
注意:上面代碼都是非標(biāo)準(zhǔn)模式的。
相關(guān)文章
原生Js與jquery的多組處理, 僅展開一個區(qū)塊的折疊效果
同一個頁面, 有多組(不固定), 每組區(qū)塊數(shù)量不一定一樣的小區(qū)塊. 要求每次只展開一個區(qū)塊,需要的朋友可以參考下。2011-01-01
微信小程序開發(fā)搜索功能實現(xiàn)(前端+后端+數(shù)據(jù)庫)
這篇文章主要介紹了微信小程序開發(fā)搜索功能實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
如何解決日期函數(shù)new Date()瀏覽器兼容性問題
這篇文章主要介紹了如何解決日期函數(shù)new Date()瀏覽器兼容性問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09

