股票交易网页怎么设置滚动条
① 在网页中如何设置滚动条的宽度
利用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里的文字超出那个高度的时候，滚动条就出来了。