Marquee 代码详解 + Marquee应用特效 (查看/回复:1337/67)

浏览回帖:
楼主  2008-07-05 10:00:38  Marquee 代码详解 + Marquee应用特效
Marquee 在装修中主要制作滚动效果

先说一下Marquee的参数,温习一下

Marquee 标签常用的属性:
  • align
    设定<marquee>标签内容的对齐方式
    absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
    absmiddle:绝对中央对齐
    底线对齐
    bottom:底部对齐(默认)
    left:左对齐
    middle:中间对齐
    right:右对齐
    texttop:顶线对齐
    top:顶部对齐

    <marquee align="absbottom">align="absbottom": 绝对底部对齐(与g、p等字母的最下端对齐)。 </marquee>
    <marquee align="absmiddle">align="absmiddle": 绝对中央对齐。 </marquee>
    <marquee align=" line">align=" line": 底线对齐。 </marquee>
    <marquee align="bottom">align="bottom": 底部对齐(默认)。 </marquee>
    <marquee align="left">align="left": 左对齐。 </marquee>
    <marquee align="middle">align="middle": 中间对齐。 </marquee>
    <marquee align="right">align="right": 右对齐。 </marquee>
    <marquee align="texttop">align="texttop": 顶线对齐。 </marquee>
    <marquee align="top">align="top": 顶部对齐。 </marquee>

    behavior
    设定滚动的方式:
    alternate: 表示在两端之间来回滚动。
    scroll: 表示由一端滚动到另一端,会重复。
    slide:  表示由一端滚动到另一端,不会重复。

    <marquee behavior="alternate">alternate: 表示在两端之间来回滚动。 </marquee>
    <marquee behavior="scroll">scroll: 表示由一端滚动到另一端,会重复。</marquee>
    <marquee behavior="slide">slide:  表示由一端滚动到另一端,不会重复。</marquee>

    bgcolor
    设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。

    <marquee bgcolor="#006699">设定活动字幕的背景颜色 bgcolor="#006699"</marquee>
    <marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</marquee>
    <marquee bgcolor="red">设定活动字幕的背景颜色 bgcolor="red"</marquee>

    direction
    设定活动字幕的滚动方向

    <marquee direction="down">设定活动字幕的滚动方向direction="down":向下</marquee>
    <marquee direction="left">设定活动字幕的滚动方向direction="left":向左</marquee>
    <marquee direction="right">设定活动字幕的滚动方向direction="right":向右</marquee>
    <marquee direction="up">设定活动字幕的滚动方向direction="up":向上</marquee>

    height
    设定活动字幕的高度

    <marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>

    width
    设定活动字幕的宽度

    <marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>

    hspace
    设定活动字幕里所在的位置距离父容器水平边框的距离

      <table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
        </tr>
      </table>

    vspace
    设定活动字幕里所在的位置距离父容器垂直边框的距离

    <marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>

    loop
    设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

    <marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>
    <p> </p>
    <marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>

    scrollamount
    设定活动字幕的滚动速度,单位pixels

    <marquee scrollamount="10" >scrollamount="10" </marquee>
    <marquee scrollamount="20" >scrollamount="20" </marquee>
    <marquee scrollamount="30" >scrollamount="30" </marquee>

    scrolldelay
    设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
    值大了会有一步一停顿的效果

    <marquee scrolldelay="10" >scrolldelay="10" </marquee>
    <marquee scrolldelay="100" > scrolldelay="100"</marquee>
    <marquee scrolldelay="1000">scrolldelay="1000" </marquee>

    =======================================
    现在就来实践一下
    大家在使用Marquee的时候都是只有一个Marquee吧,我们现在来用两个Marquee试试,效果还不错哦:

    <marquee behavior="alternate" height="120" direction="up" scrollamount="3" scrolldelay="30" width="100%" bgcolor="#3399FF">
    <marquee behavior="alternate" height="50" direction="left" scrollamount="3" scrolldelay="30" width="100%">
    <span style="font-size: 35px;color:#fff">天林网络=南粤数卡</span>
    </marquee>
    </marquee>

    效果展示请看我的店铺




南粤数卡:http://shop.paipai.com/414004 域名:http://www.vircard.cn
2楼  2008-07-05 10:07:32   Re:Marquee 代码详解 + Marquee应用特效
必须地..研究研究研究哈
全国联网手机充值一元起充,带有发票,营业厅充值,另有大量神州行充值卡,不断货~~~
3楼  2008-07-05 10:08:06   Re:Marquee 代码详解 + Marquee应用特效
说实在的,看不懂..
说更实在..天林是偶像
全国联网手机充值一元起充,带有发票,营业厅充值,另有大量神州行充值卡,不断货~~~
4楼  2008-07-05 10:10:00   Re:Marquee 代码详解 + Marquee应用特效
 抢抢抢....有事问你就好了..网友贴图

看了社区的新规定..偶回来改下...支持下我们的林林同志..学习中..
ONEGO网购数码站www.viponego.cn 〓批发零售: 琥珀MP3|MP4 QQ会员六钻 QQ正版公仔/〓
5楼  2008-07-05 10:10:12   Re:Marquee 代码详解 + Marquee应用特效
解释的真详细!学习了网友贴图
永恒国度家族,现在开始招人啦!要进的请加群:57745144 进行审核!精品男装,点此查看 旺铺装修经交流QQ群:43730452
6楼  2008-07-05 10:11:50   Re:Marquee 代码详解 + Marquee应用特效
看来还是慢了一步~~网友贴图天林辛苦了
【雨墨堂设计空间】专营各类店铺模板设计:宝贝分类、店铺公告、店标设计、宝贝描述等,为您扮出靓丽迷人店铺~~店庆活动部分商品优惠中
7楼  2008-07-05 10:50:45   Re:Marquee 代码详解 + Marquee应用特效
楼主辛苦了!!!给你顶上
8楼  2008-07-05 16:52:35   Re:Marquee 代码详解 + Marquee应用特效
好厉害哦,呵网友贴图
МǐSs↘喜气洋洋*内衣,塑身,丁字裤.睡衣.泳装.销售,批发 永恒国度  @_@来本店欣赏一下吧
9楼  2008-07-06 00:47:11   Re:Marquee 代码详解 + Marquee应用特效
专业啊``
好想学会``

网友贴图网友贴图
【伊,装°】 想知道ta是什么吗?
10楼  2008-07-06 17:08:24   Re:Marquee 代码详解 + Marquee应用特效
学习学习网友贴图
11楼  2008-07-06 23:58:42   Re:Marquee 代码详解 + Marquee应用特效
不錯啊 网友贴图
http://www.51fanli.com/?qdlxs86,通过这个网站购物,可以从这个网站得到一笔额外的现金,可以返消费额的12%!绝对是真的哦!
12楼  2008-07-07 20:51:53   Re:Marquee 代码详解 + Marquee应用特效
专业啊``
好想学会网友贴图
13楼  2008-07-08 12:38:45   Re:Marquee 代码详解 + Marquee应用特效
楼主真棒,加油加油网友贴图网友贴图网友贴图
美宜雅时尚店(主营品牌箱包,休闲鞋,春装,饰品,迪士尼,创意家居),成就高雅时尚的你!
14楼  2008-07-09 08:46:51   Re:Marquee 代码详解 + Marquee应用特效
完全混乱,象日语。。。
15楼  2008-07-10 18:07:27   Re: Re:Marquee 代码详解 + Marquee应用特效
但是每次改动一点点,就面目全非啊
  每个女人都是独一无二的,偶尔买东西奖励下自己吧,希望能在此找到所爱!任选2件包平邮,3件包快递(特价及30元以下商品除外)广州可面交,广东省内可货到付款!
16楼  2008-07-15 12:06:56   Re:Marquee 代码详解 + Marquee应用特效
挖哈,受益网友贴图
★钻石信誉★       ★ http://317378881.paipai.com / ★
17楼  2008-07-19 00:14:06   Re:Marquee 代码详解 + Marquee应用特效
哇类。。
像在看天文一样。。。
佩服楼主了。。。
小店重新開張,現主營玫琳凱化妝品。全部五折優惠,漂亮衣衣和鞋鞋全都平價銷售!歡迎各位來小店逛逛咯!
18楼  2008-07-20 11:08:56   Re:Marquee 代码详解 + Marquee应用特效
终于看明白啦,很实用的,谢谢网友贴图
→宝衣依←韩国服饰批发兼零售 http://shop.paipai.com/396004291
19楼  2008-07-23 10:28:35   Re:Marquee 代码详解 + Marquee应用特效
 學習當中.....网友贴图
欢迎光临~☆魅力无限☆~QCC专卖店 http://shop.paipai.com/109969607    Qzone因个性而精彩!
20楼  2008-07-28 14:03:00   Re:Marquee 代码详解 + Marquee应用特效
可能是自己太笨,看不太明白呢
快速回复  

回复内容不能少于20个字符,不能多于800个字符(已输入:0/800)