最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

dreamweaver制作可控制的横向滚动

日期:11-11    来源:5D多媒体|    作者:

1. 在DreamWeaver里插入一个层,这个层做为滚动区域。设置层的参数如下:

设置层编号为:slayer ,也就是层的ID属性。

左和上的值是层在页面的位置可以根据需要自行设置;这里是100和120象素。

宽和高是层的大小,也根据需要设置;

剪辑是指层的显示区域,在剪辑以外的部分被隐藏,我们利用这个显示区域隐藏层的右面部分,然后控制层移动的同时控制这个显示区域,来完成我们要的滚动区域效果。

设置右为显示的宽,这里为340;下等于高。

下面为层的代码:

< div id="slayer" style="position:absolute; top: 120px; left: 100px; clip: rect(0 340 120 0); height: 120px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; width: 670px" >


我们在可以在层里横着放一些图片,这里用表格代替。而上面设置的层的大小正好能包容所有图片。