股票交易網頁怎麼設置滾動條
① 在網頁中如何設置滾動條的寬度
利用HTML語言可設置網頁中滾動條寬度<style>
.innerbox{
overflow-y: auto;
background-color: #f8f8f8;
height: 200px;
padding: 10px;
}
.innerbox::-webkit-scrollbar {/*滾動條整體樣式*/
width: 4px; /*高寬分別對應橫豎滾動條的尺寸*/
height: 4px;
scrollbar-arrow-color:red;
}
.innerbox::-webkit-scrollbar-thumb {/*滾動條裡面小方塊*/
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
scrollbar-arrow-color:red;
}
.innerbox::-webkit-scrollbar-track {/*滾動條裡面軌道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: rgba(0,0,0,0.1);
}
</style>
② 頁面設置滾動條有哪些方法 網頁中頁面滾動條怎麼設置
overflow：auto;是文檔超出大小自動出現滾動條，overflow-x/overflow-y ：auto是橫豎設置
③ 網頁中加滾動條
網頁中加滾動條不是很好實現,我是這樣實現的,首先把你要顯示的內容作成一個獨立的頁面,例如命名為:wenzi.html(以靜態的為例),然後在你另外的網頁來調用它,在你的網頁要顯示的地方這樣調用:
<iframe name="weatherforcast" src="wenzi.html" width=200 height=200></iframe>
高度和寬度修改成你自己的高度和寬度就可以,只要文字超出顯示區域,自動顯示滾動條.
樓上的回答很好,真是在回答問題中學習.
④ 怎麼設置滾動條啊>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>頁面滾動條顏色設置隱藏技巧說明-網頁特效觀止-網頁特效代碼|JsCode.CN|</title>
</head>
<body>
<p>1．overflow內容溢出時的設置（設定被設定對象是否顯示滾動條）<br>
overflow-x水平方向內容溢出時的設置<br>
overflow-y垂直方向內容溢出時的設置<br>
以上三個屬性設置的值為visible(默認值)、scroll、hidden、auto。<br>
<br>
2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設置滾動條的顏色）<br>
scrollbar-arrow-color上下按鈕上三角箭頭的顏色<br>
scrollbar-base-color滾動條的基本顏色<br>
scrollbar-dark-shadow-color立體滾動條強陰影的顏色<br>
scrollbar-face-color立體滾動條凸出部分的顏色<br>
scrollbar-highlight-color滾動條空白部分的顏色<br>
scrollbar-shadow-color立體滾動條陰影的顏色<br>
<br>
我們通過幾個實例來講解上述的樣式屬性：<br>
1.讓瀏覽器窗口永遠都不出現滾動條<br>
沒有水平滾動條<br>
<body style="overflow-x:hidden"><br>
沒有垂直滾動條<br>
<body style="overflow-y:hidden"><br>
沒有滾動條<br>
<body style="overflow-x:hidden;overflow-y:hidden">或<body <br>
style="overflow:hidden"><br>
<br>
2.設定多行文本框的滾動條<br>
<br>
沒有水平滾動條<br>
<textarea style="overflow-x:hidden"></textarea><br>
<br>
沒有垂直滾動條<br>
<textarea style="overflow-y:hidden"></textarea><br>
<br>
沒有滾動條<br>
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea><br>
或<textarea style="overflow:hidden"></textarea><br>
<br>
3.設定窗口滾動條的顏色<br>
設置窗口滾動條的顏色為紅色<body style="scrollbar-base-color:red"><br>
scrollbar-base-color設定的是基本色，一般情況下只需要設置這一個屬性就可以達到改變滾動條顏色的目的。<br>
加上一點特別的效果：<br>
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"><br>
<br>
4.在樣式表文件中定義好一個類，調用樣式表。<br>
<style><br>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}<br>
</style><br>
這樣調用：<br>
<textarea class="coolscrollbar"></textarea></p>
</body>
</html>
⑤ HTML怎麼添加滾動條
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
⑥ 網頁怎樣插入滾動條
表格內插入滾動條<DIV
style="OVERFLOW-Y:
auto;
OVERFLOW-X:
hidden;
WIDTH:
698px;
HEIGHT:
125px">
<P
align=left>在這里輸入是文字，也可以是鏈接</P></DIV>
不知道你說哪的滾動條，如果是網頁右側的，內容超過屏幕大小，滾動條自動就出來，上面的是表格內有滾動條
⑦ 怎麼實現在網頁中添加滾動條啊
要完成此效果需要兩個步驟
第一步：把如下代碼加入到<head>區域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function verScroll(dir, spd, loop) {
loop = true;
direction = "up";
speed = 10;
scrolltimer = null;
if (document.layers) {
var page = eval(document.contentLayer);
}
else {
if (document.getElementById) {
var page= eval("document.getElementById( contentLayer ).style");
}
else {
if (document.all) {
var page = eval(document.all.contentLayer.style);
}
}
}
direction = dir;
speed = parseInt(spd);
var y_pos = parseInt(page.top);
if (loop == true) {
if (direction == "dn") {
page.top = (y_pos - (speed));
} else {
if (direction == "up" && y_pos < 10) {
page.top = (y_pos + (speed));
} else {
if (direction == "top") {
page.top = 10;
}
}
}
scrolltimer = setTimeout("verScroll(direction,speed)", 1);
}
}
function stopScroll() {
loop = false;
clearTimeout(scrolltimer);
}
// End -->
</script>
第二步：把如下代碼加入到<body>區域中
<div id="contentLayer" style="position:absolute; width:300px; z-index:1; left: 39px; top: 51px">
aaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccccccccccccc
ddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeee
rrrrrrrrrrrrrrrrrrrrrrrr
ffffffffffffffffffffffg
ggggggggggggggggggggggggg
hhhhhhhhhhhhhhhhhhhhhhhhe
eeeeeeeeeeeeeeeeeeeeeee
</div>
<div id="scrollmenu" style="position:absolute;width:236px;height:30px;z-index:1; left:328px; top: 44px">
<table border=1><tr><td>
<table>
<tr>
<td align=left>Up</td>
<td> </td>
<td align=right>Down</td>
</tr>
<tr>
<td colspan=3>
<a href="#" onMouseOver="verScroll( up , 25 , true )" onMouseOut="stopScroll()"><<<</a>
<a href="#" onMouseOver="verScroll( up , 5 , true )" onMouseOut="stopScroll()"><<</a>
<a href="#" onMouseOver="verScroll( up , 1 , true )" onMouseOut="stopScroll()"><</a> |
<a href="#" onMouseOver="verScroll( dn , 1 , true )" onMouseOut="stopScroll()">></a>
<a href="#" onMouseOver="verScroll( dn , 5 , true )" onMouseOut="stopScroll()">>></a>
<a href="#" onMouseOver="verScroll( dn , 25 , true )" onMouseOut="stopScroll()">>>></a>
</td>
</tr>
</table>
</td></tr></table>
</div>
⑧ 怎麼讓網頁中滾動條自動上下滾動.
好像沒有吧，我是不知道的。。。。
但是很多EXE格式電子書有這樣的功能，還有瀏覽器有這個功能，是否可以重這里得到點啟發呢？ 藉助瀏覽器功能再寫代碼是不是能實現，我也不知道，自己試一試了。。。。
⑨ 怎樣在網頁中插入滾動條
是用html代碼寫的
把下面代碼加到<body>區或中就能實現了
<marquee
align="middle"
direction="left"
loop="true"
scrollamount="10"
scrolldelay="300"
bgcolor="#66FFFF">
<font
color="#0000FF"
size="5"
face="黑體">歡迎大家光臨我的網站</font></marquee></tr>
⑩ 網頁設計中怎麼在頁面中設置一個滾動條
用一個div，定製成圖中的寬度和高度，然後再把div的樣式設成overflow-y:scroll，當div里的文字超出那個高度的時候，滾動條就出來了。