滚动字幕在FrontPage的组件里有,但是FrontPage(娉按:FP这个软件我现在都很少用了~功能的确比DW少了不少)
,这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
1.建立第一个滚动字幕。代码:
<marquee scrollAmount=2 width=300>我钟意羊羊- -</marquee>
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。(娉按:相对的做横向滚动的时候width是必须设置的值
c)direction。表示滚动的方向。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。 ((娉按:本娉测试过,默认的滚动方向是从左到右)
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。(娉按:唯一一个懒得改的参数。- —!)
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)(娉按:不碰也没有什么区别...一般不就是要循环的么...)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:
中央电视台
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
c)交替效果。代码如:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>
(娉按:以上本娉认为完全是废话,一旦代入代码以后完全可以用DW来一手操作...方便简洁...当然喜欢HTML一手操作的人例外)
·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write(<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>)</script>
由上可以看出,HTML代码是可以随意组合的,功能强大! <!--v:3.2-->
分享到:
相关推荐
页面精美小清新,包含div+css、图片、轮播图、JS滚动、Table布局、登录框,比较简单容易上手。 【大学生DW网页设计成品 大学校园简介静态HTML网页作业制作 dreamweaver网页作业代码下载】
jQuery百度百科页面滚动导航代码基于jquery-1.9.0.js制作,鼠标滚动页面右下角显示,辅助浏览网页内容。
静态HTML家居装修网页设计成品共5个页面,使用JS制作了图片滚动,使用dreamweaver采用DIV CSS布局制作。
jQuery页面楼层滚动显示进度代码基于jquery.1.10.2.min.js制作,点击字母显示不同页面。
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js,有的视频...
jQuery简单页面滚动菜单导航切换代码基于jquery-1.4.2.min.js制作,点击菜单页面滑到对应的div上面。有首页、关于我们、产品与服务、在线体验、客户中心、社会责任、员工之家等菜单栏目。
(3)使用BOM调用浏览器功能1次,例如页面滚动、秒杀倒计时、打印、通知、本地存储等。 (4)使用ECharts库(https://echarts.apache.org)实现数据可视化1次。使用Swiper框架(https://www.swiper.com.cn)实现轮播图1次。 ...
能够使用HTML语言编写静态网页,控制网页中的文字,图片,超级链接,表格,表单,框架等,能够使用HTML语言实现移动的文字,制作多媒体页面,能够读懂复杂网页的源代码。熟练使用网页设计工具Macromedia Dreamweaver...
广西梧州家乡网页设计旅游景点网页作品共2个页面,使用dreamweaver制作div+css布局,顶部大图为GIF动图,左侧加入文字滚动效果。无复杂代码。
本文实例讲述了JS实现部分HTML固定页面顶部随屏滚动效果。分享给大家供大家参考,具体如下: 我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么...
HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js,有的视频...
(3)使用BOM调用浏览器功能2次,例如页面滚动、秒杀倒计时、打印、通知、本地存储等。 (4)使用jQuery或jQuery插件1次,提供用户体验和交互性,例如图片轮播,导航栏等。 (5)使用Ajax或fetch获取第三方网站数据并更新...
鼠标滚动放大缩小导航栏代码是一款基于jquery.min.js制作的网站菜单。当用户控制鼠标向下滚动时,页面顶部的导航栏会变小或消失,当鼠标向上滚动时,导航栏又会变大或出现。这样可以腾出更多的区域显示网页内容,...
作品实现了以下的js功能: ...(5) 制作随光标滚动的广告图片效果 (6) 制作光标移到某图片上显示该图片对应大图 (7)制作弹出式广告,并3秒后自动关闭 主题是旅游网站,网页简单不炫酷但是页面很漂亮ins风。
a.scrollTop的计算; b.滚动元素的定位值计算; c.滚动周期设定; 代码如下: css部分: 代码如下: /*测试用的高度*/ body...} Html代码: 代码如下: <body> ”roll”></div> </body> JS代码: 代码如下: v
网页介绍 网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。...(2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效
第1章(源代码\第1章) 示例描述:本章演示HTML基本知识 HTML基本标记.html HTML基本标记的用法。 我的第一张网页.html 演示我的第一张网页。 第2章(源代码\第2章) 示例描述:本章演示常用HTML标记和格式 注释....
使学生掌握HTML语言的语法结构,能够使用HTML语言编写静态网页,控制网页中的文字,图片,超级链接,表格,表单,框架等,能够使用HTML语言实现移动的文字,制作多媒体页面,能够读懂复杂网页的源代码。熟练使用网页...
一款基于HTML5设计制作的滑动的微场景页面-产品简介网页,里面有很多的滑动效果,一些演示用的图片已经被删掉了,不过代码和插件的都还在,可能图片太多了,压缩包很大,不容易下载。可用于学习HTML5生成的图片动画...
作品共2个页面,使用dreamweaver制作div+css布局,顶部大图为GIF动图,左侧加入文字滚动效果。无复杂代码。