网页跑马灯
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
bgcolor
颜色
高宽
Width height
onmouseover=this.stop():鼠标移动时停止。 onmouseout=this.start():鼠标移开时移动。 scrolldelay=时间值(单位:毫秒):用来指定一走 一停之效果的“停”之时长,默认值为80。
<marquee scrollAmount="5" direction="right" bgcolor="pink" direction="righ" behavior="scroll" width="800" height="100"> welcome to my website</marquee> <br><br> <marquee scrollAmount="7" direction="left" bgcolor="pink" direction="left" behavior="alternate" width="800" height="300"><img src="image\1.jpg"></marquee>
1.结合表格 2.结合javascript
1.展示图片 2.公告消息 3.配合其他多媒体,形成综合效果
1.切忌花哨 2.和整个网站页面风格融合 3.凸显功能 4.技术 注意:一定要有</marquee>
作业
实践 配合网页制作适合自己网站的跑马灯 要求: 风格清新 运行正常 突出网站主题和功能
尝试到互联网中查找具有一定功能的 javascript
丰富跑马灯的效果
尝试在qq空间中加入个性跑马灯元素
综合运用所学知识,强调动手能力
电子商务与信息管理系跑马灯综合运用来自10 of10
<MARQUEE align="center"; scrollAmount=1 direction=up width="350" height=150 bgcolor=“yellow"> <h2 align="center"><FONT color=red><b>移动文字示 例</b></FONT></h2> <p align="center">上海:出台新养老金标准 分两部分</p> <p align="center">上海:外滩整治工程启动 南延450米 </p> <p align="center">深圳:出法规严厉处置拖欠员工工资</p> <p align="center">广州:出租车便衣督查上路监督的哥</p> <p align="center">广州:机关事业单位房贴调至280元</p> <p align="center">北京:启动数字化供水 盯跑水闸门</p> <p align="center">天津:三类药不良反应 不能随便用</p> </marquee>
电子商务与信息管理系
唐
岫
跑马灯基本结构和设置 跑马灯综合应用 创建特效跑马灯 跑马灯应用和注意事项
简单代码实现胶片滚动-暂停效果
,移出则滚动继续
1.关于跑马灯 跑马灯在编程中,通常指有时需要用一矩形条显示 少量用户特别关心的信息,这条信息串首尾相连,向一 个方向循环滚动。证券业中常用“跑马灯”来显示不断 变化的股票行情;实际应用中也常通过“跑马灯”来监 视是否死机。 2.多媒体一种应用(视觉冲击、动态效果、展示或者强 调) 3.思考 有跑马灯的网页是动态网页吗?
1.结构 <标签 属性>跑动文字或者图片</标签>
2.标签 <marquee>移动内容 </marquee>
direction=left/right/up/down
方向
方式
behavior=scroll/slide/alternate
loop=-1
循环
marquee
速度
scrollamount=6