设为首页
加入收藏
联系站长
 | 网站首页 | 站长学院 | 资源中心 | 图片中心 | 在线留言 | 动易商城 | 
您现在的位置: e商学堂 >> 站长学院 >> 网站建设 >> 网页制作 >> 正文 用户登录 新用户注册
Javascript 滚动新法         
Javascript 滚动新法
作者:佚名 文章来源:网络 点击数: 更新时间:2005-2-10 0:09:15
我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上面),一般情况下只要不是图片,都是用HTML本身就有提供一个很不错的滚动标记——marquee来完成的(用JS也可以同样实现这种效果);当然并不是说图片就不能那样做。

  以下为marquee的一些基本的参数:

  该标记语法格式如下:

aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>内容

  下面解释一下各参数的含义:

  align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。

  Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。

  Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。

  Behavior:用于设定滚动的方式,主要由三种方式:

behavior="scroll"表示由一端滚动到另一端;
behavior="slide":表示由一端快速滑动到另一端,且不再重复;
behavior="alternate"表示在两端之间来回滚动。

  Height:用于设定滚动字幕的高度。

  Width:则设定滚动字幕的宽度。

  Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。


  Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。

  scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。

  Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

  现在要介绍的是一种新型的滚动,利用JS的方法来做字幕的滚动:向上,在中间停顿一到两秒(就像经典的这种):

  将以下代码贴到您要显示的位置就可以了:



  以上已经将网站的这种滚动的做法做了一个大概的介绍。

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    JavaScript:数字日期转
    跟我一起学Javascript(
    跟我一起学Javascript(
    跟我一起学Javascript(
    跟我一起学Javascript(
    固顶文章免费网络电话tom skype
    固顶文章网络相册快乐分享 玩转
    固顶文章免费虚拟主机申请 免费
    固顶文章站长赚钱-支持弹窗赚钱
    固顶文章最好的企业网页空间 送
    固顶文章免费虚拟主机申请 免费
    推荐文章火狐与百度合作 浏览器
    推荐文章不一样的2007 戴尔直销
    推荐文章用Skype网上免费打电话
    推荐文章Picasa新机遇,Google宣

    网络相册快乐分享

    免费虚拟主机申请

    便宜的网络空间 A
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 |