1、打开Dreamweaver8，新建一网页文件，并保存为名为“indexhtml#34文件切换至代码编辑界面，输入如下代码 bodydiv id=#34photolist#34 ul id=#34scroll#34 lia href=#34##34img src=#34i。

2、代码如下Hello，World 下面这两个事件经常用到onMouseOut=quotthisstartquot用来设置鼠标移出该区域时继续滚动 onMouseOver=quotthisstopquot用来设置鼠标移入该区域时停止滚动 代码如下onMouseOut=quotthisstartquot用来设置。

3、向上滚动首先要把向右滚动代码中的“direction=right”改为“direction=up”，把“width=600”该为“width=170”在marquee和marquee之间输入代码 “DIV align=centerIMG src=#34图片网址1#34 width=300 border=0。

4、网页中的滚动图片的代码有上下左右四个方向，分别是 lt lt向上滚动代码开始 lt。

5、7连续打开几张图片后，可以点击顶部的预览动画效果8预览完毕后，单击底部的保存9点击保存后，选择GIF格式保存网页中的滚动图片的代码怎么写这段代码是从左向右无缝滚动代码，你直接放到放滚动图片的地方就行，记得。

6、bwidth和height，表示滚动。

7、打开文本编辑器，复制以下这段样例代码 div class=#34J_TWidget scrollnews#34 datawidgettype=#34Slide#34 datawidgetconfig=#34#39contentCls#39#39newsitems#39，#39hasTriggers#39false，#39effect#39#39。

8、一传统的滚动代码 用Javascript实现新闻内容的水平滚动Ctrl+A 全选 注如需引入外部Js需刷新才能执行传统的滚动代码应用效果比较单一，而且经常还存在浏览器的兼容性问题，比如在FIREFOX上效果就会出现marquee的特效无效的。

9、HSPACE和VSPACE则分别用来指定滚动字幕与其上一级页面在水平方向和竖直方向上的距离下面我们看一看跑马灯的效果注意这种跑马灯的效果只在InternetExplorer中能看到，Netscape不支持marquee标记在主页中制作会移动的文字 贺。

10、slider设置为绝对定位，宽度和高度都为25%，背景色为黑色，使用CSS3的transition属性实现平滑的动画效果三JavaScript代码 最后，我们需要使用JavaScript代码来实现滑动门效果具体代码如下```varmenu=documentquerySelector。

11、图片中的P标签里有图片，我这里设置P区块为宽高各100，用positionfixed定位，距离顶部100像素，右边0像素漂浮着，zindex999就是层高，可以理解为层高越高就可以漂浮在网页上面效果如下不管如何滚动网页滚动条 上下翻。

12、css属性 overflowyauto DIV里面的内容超过DIV的高度，右边就会自动出现滚动条 1用一个div，定制成图中的宽度和高度 2然后再把div的样式设成overflowyscroll，当div里的文字超出那个高度的时候，滚动条就出来了。

13、ltmarqueeltmarquee标签的width 属性用于设置内容滚动背景宽度 ltmarqueeltmarquee标签的height属性用于设置内容滚动背景高度 修改marhtm网页文件，编写代码如代码416所示 代码416 文字滚动的设置。

14、现在要介绍的是一种新型的滚动，利用JS的方法来做字幕的滚动向上，在中间停顿一到两秒就像经典的这种将以下代码贴到您要显示的位置就可以了以上已经将网站的这种滚动的做法做了一个大概的介绍具体效果可以看。

15、此时网页效果如图所示新建一个JS文件，并将该文件另存为“MoveEffectjsquot在”MoveEffectjs“文件中输入如下所示代码 var id = functionel return documentgetElementByIdel ， c = id#39。

16、2在ue编辑器中输入以下html代码3在ue编辑器中输入以下css代码4编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM5在浏览器中打开此html文件，可以看到最终想要实现的让网页强制出现浏览器的滚动条效果。