<<  新的一年，偶要感谢的人 | 首页 | 名牌化妆品专柜小姐大爆“猫腻”  >>

  • 『网页制作』页面滚动HTML代码 - [羊の设计]

    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://pingren0314.blogbus.com/logs/5748642.html

    滚动字幕在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代码是可以随意组合的，功能强大！

    历史上的今天：


    随机文章：

    伪苹果系统~ 2007-06-28

    收藏到：Del.icio.us




    Tag：
    阿娉 发表于2007-02-22 22:19 | 修改 | 继续话题 | 转发 | 分享　0
    引用地址：

    评论

  • 搜索到了这。留个脚。可惜用的时候有点冲突。

    谢谢

    随便看看你的小说，可惜长了点，有机会过来看看。
    阿娉回复aphonia说：
    一般来说 HTML很少冲突的
    要看你是怎么用的哦
    2009-06-29 21:12:40
    aphonia | 发表于2009-06-29 17:41:02 [回复]
  • 谢谢了，很好用!
    阿娉回复dongdong说：
    不客气~
    2007-12-12 23:23:12
    dongdong | 发表于2007-12-01 14:48:14 [回复]
  • 娉姐介绍的好详细screen.width2)this.style.widthscreen.width2中间那些字好搞笑咋都是广东话涅？？娉姐哪儿学的哦？
    流浪娃娃(huier0216) | 发表于2007-02-28 21:55:58 [回复]