人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

玩轉頁面滾動條

玩轉頁面滾動條

更新時間:2019-04-25 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

網頁滾動條本身就是瀏覽器的一部分,使用它可以方便瀏覽較大的網頁,但是千篇一律的它經常會給整體頁面效果拖了不少后腿,我們能不能改變它灰灰的樣子呢?能!俗話說:“只有你想不到的,沒有做不到的。”
給滾動條換色

幾乎所有網頁的滾動條都是默認的灰色,如果把它的顏色換換,來點另類的,相信一定會使網頁更加靚麗。我們只要在網頁代碼<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> (出處:電腦愛好者)大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

主站蜘蛛池模板: 丰城市| 南宁市| 比如县| 大埔区| 伊金霍洛旗| 绍兴市| 林甸县| 盐边县| 合水县| 旺苍县| 黄梅县| 七台河市| 辽中县| 青龙| 湘乡市| 滨海县| 黄陵县| 常宁市| 阆中市| 永嘉县| 轮台县| 阳新县| 沁源县| 泸溪县| 永胜县| 万全县| 包头市| 普陀区| 武宣县| 曲水县| 宁城县| 宽甸| 宁明县| 什邡市| 梅州市| 湖口县| 磴口县| 中西区| 尼玛县| 无为县| 册亨县|