您当前的位置:主页 > 教程合集 > 网站建设网站首页网站建设

为博客首页添加一个播放公告的滚动条

发布时间:2016-01-29编辑:余斗阅读:(0)字号:
    昨天趁着有时间,给博客首页添加了一个滚动条,用来播放公告,效果如图: 为博客首页添加一个播放公告的滚动条 实现方法很简单,代码为:

    <h3 class="t">
    <div class="gg">
    <marquee scrollamount="6" direction="left" onMouseOver="this.stop()" onMouseOut="this.start()">
    <span style="color:#f00;">滚动条测试:</span>
    这是一个可以滚动的文字条,无JS实现,可以控制滚动的速度和宽度,是不是方便。
    </marquee>
    </div>
    </h3>
     
    预览请点击:一个marquee滚动条实例 代码注释: marquee就是html特有的滚动效果标签,主要属性有: 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>
     
    5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

    <marquee loop="2">...</marquee>
     
    6.滚动范围width、height 7.滚动背景颜色bgcolor 8.空白空间hspace、vspace 至于滚动条的位置则根据在自己的需要放置,这里只需要把它看作一个div块即可,样式可以自已添加,非常方便。
关键字词滚动条 marquee
余斗余斗
  1. 转载请注明: 为博客首页添加一个播放公告的滚动条_余斗余斗_鸿运国际手机登录首页
  2. 版权声明: 本站原创文章,由 发表在 网站建设 分类下,于2016-01-29最后更新
用JS生成当前网页二维码
为文章页增加内容字号大中小选择的功能
手机扫一扫 随身带着看
鸿运国际手机登录首页