使用msclass.js插件来上下轮播中奖类信息

js插件:

msclass.js和jquery.js这些js都可以通过百度获取到,就不贴出获取方式了

先看一下效果图吧:


要求这里的信息是从下往上滚动的,这就用到了这个msclass.js插件

首先需要准备的html代码:

<div class="dynamic_list" id="Marquee">
            	<ul>
            		<li><span class="fr">刚刚</span>上海<em>张**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">11小时前</span>湖南省<em>欧阳**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">刚刚</span>上海<em>张**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">1小时前</span>湖南省<em>欧阳**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">刚刚</span>上海<em>张**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">1小时前</span>湖南省<em>欧阳**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">1小时前</span>湖南省<em>欧阳**同学</em>通过微信版完成志愿检测</li>
                    <li><span class="fr">1小时前</span>湖南省<em>欧阳**同学</em>通过微信版完成志愿检测</li>
            	</ul> 
            </div>

样式的话各位自己调整哈,最重要的是上面的id="Marquee",后面会用到;首先得有这么多条数据才会轮播,数据的长度不能小于轮播可视范围的高度,不然会无效,还有一点就是浏览器的的放大缩小页面功能的数值必须是100%,既是不放大也不缩小,这样才会没问题的轮播!注意事项就这么多。

接下来就是js代码啦:

/*页面查询记录滚动开始*/
				var Marquee1 = new Marquee("Marquee");
				Marquee1.Direction = "top";
				Marquee1.Step = 1;
				Marquee1.Width = 305;
				Marquee1.Height = 300;
				Marquee1.Timer = 50;
				Marquee1.DelayTime = 0;
				Marquee1.WaitTime = 500;
				Marquee1.ScrollStep = 48;
				Marquee1.Start();
				/*页面查询记录滚动结束*/

参数说明可以参考这个:http://img.jb51.net/online/jsgundong/test.htm,里面什么参数说明都有












  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装) Ver 1.65*\  制作时间:2006-08-29 (Ver 0.5)  发布时间:2006-08-31 (Ver 0.8)  更新时间:2007-12-28 (Ver 1.65)  更新说明: + 加入功能 * 修正、完善 1.65.071228 * 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置) * 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试) 1.6.070131 + 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1) + 判断是否可以滚动 (若内容区域小于显示区域,则自动取消滚动) + 跳过初始化错误 (避免引起其它滚动的停止) + 默认值 (除容器ID必选外,其他参数均可根据情况进行选择设置) + 参数动态赋值 (方向可用英文表示top|up|bottom|down|left|right,使其更直观、方便) * 文字滚动不准确 (本次更新主要目的解决此Bug,感谢周珺参与测试) 1.4.061211 + 鼠标悬停改变滚动方向 (鼠标悬停控制左右滚动) * 由于文档下载过慢而导致获取的高度/宽度不准确 * 浏览器兼容问题 (IE、FF、Opera、NS、MYIE) 1.2.060922 + 指定范围间歇滚动 * 程序调整 * 连续间歇滚动停止的错误 1.0.060901 + 向下、向右滚动 + 开始等待时间 + 连续滚动 * 调整时间单位 * 滚动误差 * 随机死循环 * 加强性能 * 程序优化 0.8.060829 翻屏不间断向上、向左滚动

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zds12345sdfs

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值