滾動(dòng)條變色 隱藏滾動(dòng)條與雙擊網(wǎng)頁(yè)自動(dòng)滾屏顯示代碼
更新時(shí)間:2009年12月28日 23:55:25 作者:
滾動(dòng)條變色 隱藏滾動(dòng)條與雙擊網(wǎng)頁(yè)自動(dòng)滾屏顯示代碼
安裝U盤里下載的“滾動(dòng)條變色”插件,
安裝到DW后,如何正常應(yīng)用該特效插件?
答:打開(kāi)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>之間輸入以下代碼,就可以隨意變色了:
<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>之間。
<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)用該特效插件?
答:打開(kāi)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>
注意:上面代碼都是非標(biāo)準(zhǔn)模式的。
相關(guān)文章
原生Js與jquery的多組處理, 僅展開(kāi)一個(gè)區(qū)塊的折疊效果
同一個(gè)頁(yè)面, 有多組(不固定), 每組區(qū)塊數(shù)量不一定一樣的小區(qū)塊. 要求每次只展開(kāi)一個(gè)區(qū)塊,需要的朋友可以參考下。2011-01-01
微信小程序開(kāi)發(fā)搜索功能實(shí)現(xiàn)(前端+后端+數(shù)據(jù)庫(kù))
這篇文章主要介紹了微信小程序開(kāi)發(fā)搜索功能實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
javascript中setTimeout的問(wèn)題解決方法
這篇文章主要介紹了javascript中setTimeout的問(wèn)題以及對(duì)應(yīng)的解決方法,需要的朋友可以參考下2014-05-05
如何解決日期函數(shù)new Date()瀏覽器兼容性問(wèn)題
這篇文章主要介紹了如何解決日期函數(shù)new Date()瀏覽器兼容性問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
使用apply方法處理數(shù)組的三個(gè)技巧[譯]
本文要講的是使用apply方法處理數(shù)組的三個(gè)技巧,需要的朋友可以參考下2012-09-09
javascript實(shí)現(xiàn)單擊和雙擊并存的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)單擊和雙擊并存的方法,可通過(guò)定義二次點(diǎn)擊的間隔時(shí)間來(lái)達(dá)到判斷單擊與雙擊的效果,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12

