æ¥éª¤å¤§è´å¦ä¸ï¼
1ãæå¼Dreamweaverï¼æ°å»ºä¸ä¸ªç©ºç½çHTMLã
2ãåæ¢å°ä¸è¾¹ç代ç åºã
3ãæ¾å°<body></body>ä¹åï¼å¨è¿ä¸ªåºåéè¾å ¥ä»£ç ï¼<marquee scrollAmount=2 width=300>XXX</marquee>
scrollAmount åé¢çæ°å¼ä»£è¡¨é度ï¼widthæ¯å®½åº¦ï¼XXXå³æ»å¨åå¹çå 容ã
4ãå¦åæHTMLæ ¼å¼çæ件å³å¯ã
å¦å¤ï¼å¦éæµè§ï¼å¯æF12å¿«æ·é®ã
dw只做可视化设计,所以需要将dw的工作面板切换到代码视图下,直接进行编辑代码
滚动字幕需要使用<marquee>标记来实现的,不仅可以移动文字,也可以移动图片,表格等
语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。
标记的重要属性:
1.滚动方向direction(包括4个值:up、 down、 left和 right)
语法:<marquee direction="滚动方向">...</marquee>
2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
语法:<marquee behavior="滚动方式">...</marquee>
3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)
语法:<marquee scrollamount="5">...</marquee>
4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)
语法:<marquee scrolldelay="100">...</marquee>
示例代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "下来可以根据这些属性自行设定滚动字幕的参数了,多练习,掌握属性的效果。