网页出现滚动条的代码(网页设计滚动条)
怎么让有框架的网页，整个网页都出现滚动条
要想使页面没有垂直滚动条加入如下代码
隐藏滚动条
只需在
body
/body之间插入代码：
body
style="overflow-x:hidden;overflow-y:hidden"
其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。
滚屏显示
当网页中有长篇文章时，浏览起来就比较吃劲了，我们可以使用script代码实现网页的自动滚屏，当双击网页的时候，网页将会自动向下滚动，再次单击时滚动停止。将下面的代码插入到
body
/body之间。
HTML水平滚动条代码代码？
如果你的网页足够宽
一个页面显示不了的话
就会自动产生一个滚动条的
网页滚动条代码.(详细作答)
这次你要再不把我的采纳为答案就太愧对我啦！^_^
STYLE
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;//滚动条页面颜色设定；
SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;//滚动条斜面和左面颜色设
SCROLLBAR-SHADOW-COLOR: #fcfcfc;//滚动条下斜面和右面颜色设
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;//滚动条上边和左边的边沿颜色
SCROLLBAR-ARROW-COLOR: #240024;//滚动条两端箭头颜色设定
SCROLLBAR-TRACK-COLOR: #fcfcfc;//滚动条底版颜色设定
SCROLLBAR-DARKSHADOW-COLOR: #48486c;//滚动条下边和右边的边沿颜色设定。
}
/STYLE
加入网页的时候把//“文字” 去掉哟！
具体颜色你试着改吧！
此代码放到head和/head之间
网页左右随滚动条滚动的广告代码
script
var
speed=40;//滚动速度
var
AdLayer1="dd1";//左侧div的ID
var
AdLayer2="dd2";//右侧div的ID
function
initEcAd()
{
document.getElementById(AdLayer1).style.posTop
=
-200;
document.getElementById(AdLayer1).style.visibility
=
'visible'
document.getElementById(AdLayer2).style.posTop
=
-200;
document.getElementById(AdLayer2).style.visibility
=
'visible'
MoveLeftLayer(AdLayer1);
MoveRightLayer(AdLayer2);
}
function
MoveLeftLayer(layerName)
{
var
x
=
5;//左侧广告maring-left值
var
y
=
100;//
左侧广告距离页首高度
var
diff
=
(document.body.scrollTop
+
y
-
document.getElementById(AdLayer1).style.posTop)*.40;
var
y
=
document.body.scrollTop
+
y
-
diff;
eval("document.getElementById('"
+
layerName
+"').style.posTop
=
parseInt(y)");
eval("document.getElementById('"
+
layerName
+
"').style.posLeft
=
x");
setTimeout("MoveLeftLayer(AdLayer1);",
speed);
}
function
MoveRightLayer(layerName)
{
var
x
=
5;
var
y
=
100;//
右侧广告距离页首高度
var
diff
=
(document.body.scrollTop
+
y
-
document.getElementById(AdLayer2).style.posTop)*.40;
var
y
=
document.body.scrollTop
+
y
-
diff;
eval("document.getElementById('"
+
layerName
+
"').style.posTop
=
y");
eval("document.getElementById('"
+
layerName
+
"').style.posRight
=
x");
setTimeout("MoveRightLayer(AdLayer2);",
speed);
}
/script
body
onload="initEcAd()"
div
id=dd1
style="position:
absolute;visibility:hidden;z-index:1;
border:1px
solid
red;
height:200px;
width:100px"/div
div
id=dd2
style="position:
absolute;visibility:hidden;z-index:1;
border:1px
solid
red;
height:200px;
width:100px"/div
div
style="height:2000px"/div
/body
script
/script