Question

Dreamweaver用框架集时如何给整个页面添加滚动条？？？

我的现在是两个框架，一个是上面的，一个下面的！！但是下面那个文字较多，我想给下面设置一个滚动条，滚动的时候同时上面的那个框架页同时滚动！请大虾们帮我解决，说的最好具体一些，因为我是新手，不知道该往那个页面的什么地方添加！！

Answer 1

不知这个适合你不？
网页中滚动字幕的制作实现滑动字幕效果的标签是<marquee 。。各种属性>，需要滑动的文字</marquee>，该标签内有许多属性，

常用属性详解：

1、Align 属性：设置字幕的对齐方式，其参数有3个，left是左对齐；center是居中显示；ight是右对齐。

2、Bgcolor 属性：设置字幕的背景颜色。

3、direction 属性：设置字幕滚动方向，其参数有4个，left是自右向左滚动；right是自左向右滚动；up 是自下向上滚动；down 是自上向下滚动。

4、behavior属性：设置字幕滚动方式，其参数有3个。

（1）scroll 属性是按照 direction 属性所规定的方向连续不断的滚动；

（2）slide 属性是按照 direction 属性规定的方向滚动至字幕另一侧后文字将不再滚动；

（3）alternate 属性是文字在字幕的范围内根据 direction 属性规定的参数进行左右或上下滚动。

5、height属性：设置字幕高度，其数值越大字幕越高。

6、width属性：设置字幕宽度，其数值越大字幕越宽。

7、hspace属性：设置字幕左右方向空白区域的宽度。

8、vspace属性：设置字幕上下方向空白区域的宽度。

9、scrolldelay属性：设置滚动两次之间的延迟时间，属性值为数值，数字越大，延迟时间越长。

10、scrollamount属性：设定滚动速度，属性值为数值，数字越大，滚动速度越快。

11、loop属性：设定滚动次数，其数值为大于零的自然数，若将其值设为 “-1” 表示无限循环。

使用滚动字幕的注意事项及技巧：

1、要注意字幕背景色彩及需要滚动文字的色彩及文字大小的搭配，

2、调整字幕高度及宽度的时候一定要考虑显示器的分辨率问题，目前较为主流的显示分辨率为 800*600 像素或1024*768相素，因此字幕宽度及高度以不超过该数值为佳。

3、可以使用该标签使整个页面自下向上进行滚动，其设置方法是把整个网页内容置于该标签内即可。

4、可以在原本只能显示一个链接的空间内显示多个链接，其效果可以使利用换行符隔开的多个链接自下向上滚动，也可以使并排的多个链接自右向左滚动。

Answer 2

用框架集做貌似会比较纠结，所以，建议你用css+js制作。
我有一段js的代码，给你吧！

第一部分构建上面的导航条：
<div>
<UL id=biaoge>
<LI id=five1 onClick="setTab('five',1,5)"><A
style="CURSOR: pointer"><!-- InstanceBeginEditable name="EditRegion3" -->前两章<!-- InstanceEndEditable --></A> </LI>
<LI id=five2 onClick="setTab('five',2,5)"><A
style="CURSOR: pointer"><!-- InstanceBeginEditable name="EditRegion4" -->第二、三章<!-- InstanceEndEditable --></A> </LI>
<LI id=five3 onClick="setTab('five',3,5)"><A
style="CURSOR: pointer"><!-- InstanceBeginEditable name="EditRegion5" -->第四、五章<!-- InstanceEndEditable --></A> </LI>
<LI id=five4 onClick="setTab('five',4,5)"><A
style="CURSOR: pointer"><!-- InstanceBeginEditable name="EditRegion6" -->第六、七章<!-- InstanceEndEditable --></A> </LI>
<LI id=five5 onClick="setTab('five',5,5)"><A
style="CURSOR: pointer"><!-- InstanceBeginEditable name="EditRegion7" -->第八、九章<!-- InstanceEndEditable --></A> </LI>
</UL>
</div>

第二部分 js代码实现部分（有具体的分析）

<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");

function setTab(name,cursel,n){
/*
n为最终的需要显示的框的个数
*/
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
/*
document.getElementById（x）的含义为获取id为x的对象，并将获取的对象赋值于前面的定义对象。
此处的第一行语句，意为获取下面的点击项的对象，而第二行语句，意为获取图片的栏的对象
*/
if(con && menu) {
menu.className=i==cursel?"hover":"";

con.style.display=i==cursel?"block":"none";

/*问号之前的内容正确，则执行问号与冒号之间的代码，如不正确，则执行冒号之后的内容！
故当此处的i=cursel时 con.style.display=block
当i不等于cursel时，con.style.display=none
这里的style是css的一个设置属性，当其为block是显示为块元素，为none是则不显示*/
}
}
}

//-->
</script>

最后你再用css定义一下，你的导航条的<ul>类型，即写一段css将<ul>做成表格!

Answer 3

1.新建网页，在body里插入<div style="width:400px;height:300px;overflow:auto"><img align="center" src="images/香蕉-成品-三张贴图.jpg" /></div>，表示插入图片并设置一个400x300像素的滚动条区域，滚动条根据需求自动生成。

2.在IE里测试效果。

Answer 4

滚动自动就加了