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();


  • 相关阅读:
    PriorityQueue是个基于优先级堆的极大优先级队列
    【Android游戏开发之四】基础的Android 游戏框架(一个游戏角色在屏幕行走的demo)
    Android示例程序剖析之LunarLander游戏
    java程序员必知的 8大排序
    【Android游戏开发之一】设置全屏以及绘画简单的图形
    嵌套For循环性能优化案例
    Android游戏开发教程之三:View类用法详解
    Ari Zilka谈Ehcache的进程内堆外缓存BigMemory
    如何进行Java EE性能测试与调优
    亲身实践,JAVA最优良的Adapter模式适配器模式
  • 原文地址:https://www.cnblogs.com/robot/p/1144568.html
Copyright © 2011-2022 走看看