zoukankan      html  css  js  c++  java
  • JS间隔性滚动代码[修正增加了部分功能]

    上次的Demo做得太简陋了,估计大家看了都没什么兴趣,这次我也就不弹新窗口看效果了。大家直接看吧。放到页面上似乎跟园子的样式有些冲突[firefox下没问题],大家凑合着看吧。建议直接下demo看吧。呵呵Demo下载.新补上了带按钮的Demo.
    修正增加的内容:
      1.修正连续的mouseout会触发多个setTimeout的问题。
      2.增加首行时点击Previous跳到最后一条记录。
      3.增加ScrollAmount和ScrollDelay属性[仿marquee的属性]。
      4.增加了一个Direction属性,只实现了up和down,谁有兴趣的可以再实现left和right.
      5.btnPrevious和btnNext参数改成可选参数。
      6.发现了可以当marquee来用的功能。

    最新产品
    名称:最新商品1
    描述:最新商品1到货了.
    价格:¥999.99
    名称:最新商品2
    描述:最新商品2到货了.
    价格:¥999.99
    名称:最新商品3
    描述:最新商品3到货了.
    价格:¥999.99
    名称:最新商品4
    描述:最新商品4到货了.
    价格:¥999.99
    向上滚动
    var scrollup = new ScrollText("listcontent");
    scrollup.LineHeight = 60;
    scrollup.Amount = 4;
    scrollup.Start();


    最新产品
    名称:最新商品1
    描述:最新商品1到货了.
    价格:¥999.99
    名称:最新商品2
    描述:最新商品2到货了.
    价格:¥999.99
    名称:最新商品3
    描述:最新商品3到货了.
    价格:¥999.99
    名称:最新商品4
    描述:最新商品4到货了.
    价格:¥999.99
    也可以当成marquee
    var marquee = new ScrollText("listmarquee");
    marquee.LineHeight = 60;
    marquee.Amount = 1;
    marquee.Timeout = 30;
    marquee.Delay = 30;
    marquee.Start();


    最新产品
    名称:最新商品1
    描述:最新商品1到货了.
    价格:¥999.99
    名称:最新商品2
    描述:最新商品2到货了.
    价格:¥999.99
    名称:最新商品3
    描述:最新商品3到货了.
    价格:¥999.99
    名称:最新商品4
    描述:最新商品4到货了.
    价格:¥999.99
    向下滚动
    var scrolldown = new ScrollText("listcontent");
    scrolldown.LineHeight = 60;
    scrolldown.Amount = 4;
    scrolldown.Direction = "down";
    scrolldown.Start();


    最新产品
    名称:最新商品1
    描述:最新商品1到货了.
    价格:¥999.99
    名称:最新商品2
    描述:最新商品2到货了.
    价格:¥999.99
    名称:最新商品3
    描述:最新商品3到货了.
    价格:¥999.99
    名称:最新商品4
    描述:最新商品4到货了.
    价格:¥999.99
    上一条
    下一条
    加上按钮的效果
    var scrolldown = new ScrollText("listwithbtn","scrollpre","scrollnext");
    scrolldown.LineHeight = 60;
    scrolldown.Amount = 4;
    scrolldown.Start();


  • 相关阅读:
    第一次点击button, view视图出现;第二次点击button,view视图消失
    快速破解ps方法
    终端中出现While executing gem ... (Errno::EPERM) Operation not permitted
    隐藏顶部状态栏的方法
    python之dict和set
    python之循环
    python 之条件判断
    python 之列表和元组
    python 之字符串和编码
    人生第一次面试之旅
  • 原文地址:https://www.cnblogs.com/robot/p/1144568.html
Copyright © 2011-2022 走看看