网页滚动效果代码分享
2011-12-21 16:11
183 查看
原文 http://apps.hi.baidu.com/share/detail/31652665
网页滚动字幕代码
在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了。从Dreamweaver MX 2004开始,可以使用“标签选择器”插入各种标签,并且可以使用“标签检查器”设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大。
使用“标签选择器”插入marquee标签
1.把光标插入点放在需要插入滚动字幕的地方。
2.点击插入面板的“标签选择器 ”
3.选择 marquee标签,点击“插入”按钮。
使用“标签检查器”设置marquee标签的属性
4.转换到代码视图。把光标插入点放在 marquee标签内。
5. 选择“窗口”-->“标签检查器”。然后选择属性,单击未分类前面的"+",可以在“标签检查器”中设置标签的各种用法。
设置marquee标签的主要用法
6.点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。
behavior用法
7.direction属性设置字幕内容的滚动方向。
direction用法
8.scrollamount属性设置字幕滚动的速度。
9.scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉,就设置时间长一点吧。
10.width属性设置滚动字幕的宽度。
11.onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。在Dreamweaver MX 2004中需要打开“行为”面板设置。
12.style属性设置字幕内容的样式。实例中设置字幕文字大小,输入了“font:12px;”。
13.loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
一套向上滚动字幕的代码:
<marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滚动字幕内容</marquee>
来自: http://hi.baidu.com/wujingsunnie/blog/item/2d068f334b9a7d40ad4b5fd0.html
网页滚动字幕代码
在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了。从Dreamweaver MX 2004开始,可以使用“标签选择器”插入各种标签,并且可以使用“标签检查器”设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大。
使用“标签选择器”插入marquee标签
1.把光标插入点放在需要插入滚动字幕的地方。
2.点击插入面板的“标签选择器 ”
3.选择 marquee标签,点击“插入”按钮。
使用“标签检查器”设置marquee标签的属性
4.转换到代码视图。把光标插入点放在 marquee标签内。
5. 选择“窗口”-->“标签检查器”。然后选择属性,单击未分类前面的"+",可以在“标签检查器”中设置标签的各种用法。
设置marquee标签的主要用法
6.点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。
alternate | scroll | slide |
内容在相反两个方向滚来滚去 | 内容向同一个方向滚动 | 内容接触到字幕边框就停止滚动 |
marquee测试 | marquee测试 | marquee测试 |
down | left | right | up |
向下运动 | 向左运动 | 向右运动 | 向上运动 |
webdn.com | webdn.com | webdn.com | webdn.com |
scrollamount值为1 | scrollamount值为50 |
七度空间 | 七度空间 |
scrolldelay值为1 | scrolldelay值为500 |
网页制作学习 | 网页制作学习 |
11.onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。在Dreamweaver MX 2004中需要打开“行为”面板设置。
事件 | onMouseOver | onMouseOut |
动作 | this.stop(); | this.start(); |
webdn 专业的网页教学站点 滚动字幕 |
13.loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
loop值为-1 | loop值为5 |
滚动次数 | 滚动次数 |
<marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滚动字幕内容</marquee>
来自: http://hi.baidu.com/wujingsunnie/blog/item/2d068f334b9a7d40ad4b5fd0.html
相关文章推荐
- JS实现网页上随滚动条滚动的层效果代码
- JS实现网页上随滚动条滚动的层效果代码
- js实现文字定时向上滚动效果_文字特效_js网页特效代码
- 仿猫扑网页下方状态栏效果代码 网页状态栏显示滚动文字
- jquery实现图片水平滚动效果代码分享
- jquery实现网页的页面平滑滚动效果代码
- 网页图片上下滚动效果代码
- jQuery网页右侧广告跟随滚动代码分享
- 网页 滚屏特效,用flash做背景,定时滚动,ccs背景代码效果语法,使用CSS处理表格边框样式化
- jquery实现图片水平滚动效果代码分享
- js焦点文字滚动效果代码分享
- js控制多图左右滚动切换效果代码分享
- js控制多图左右滚动切换效果代码分享
- js焦点文字滚动效果代码分享
- jQuery网页右侧广告跟随滚动代码分享
- jQuery实现悬浮在右上角的网页客服效果代码
- js网页侧边随页面滚动广告效果实现
- js实现div拖动动画运行轨迹效果代码分享
- jQuery文字横向滚动效果的实现代码