友情链接:http://www.popub.net/script/MSClass.html
网上查到的,感觉挺实用的,所以摘抄了写来,以防以后使用。
局限性:
容器内仅允许用图片<img>或者带链接的图片<a><img></a>的形式,并需要禁止其自动换行。同时不能使用li标签
使用手册:
1.记得在head头部添加js文件
<script type="text/javascript" src="MSClassl.js"></script>
<script type="text/javascript">
window.onload = function(){
var marquee1 = new Marquee("marqueedivcontrol")
marquee1.Direction = "left";
marquee1.Step = 1;
marquee1.Width = 200;
marquee1.Height = 50;
marquee1.Timer = 5;
marquee1.DelayTime = 0;
marquee1.WaitTime = 0;
marquee1.ScrollStep = 52;
marquee1.Start();
}
</script>
2.参数说明
ID "marquee" 容器ID (必选)
Direction (0) 滚动方向 (可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)
Step (1) 滚动的步长 (可选,默认值为2,数值越大,滚动越快)
Width (760) 容器可视宽度 (可选,默认值为容器初始设置的宽度)
Height (52) 容器可视高度 (可选,默认值为容器初始设置的高度)
Timer (50) 定时器 (可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)
DelayTime (5000) 间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒)
WaitTime (3000) 开始时的等待时间(可选,默认或0为不等待,1000=1秒)
ScrollStep (52) 间歇滚动间距 (可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制)
3.样式设置
在ID上记得设置它的宽度与高度,还要切断容器的宽度,如:overflow:hidden;
分享到:
相关推荐
幻灯片滚动 文字滚动 上下滚动 左右滚动兼容多浏览器 js jquery
正所谓“优秀的代码亦收藏不易找”啊,上下翻滚的图片文字特效,整屏整屏的翻滚,很齐全的图片翻滚特效,懒人之家推荐下载收藏!
js文字图片滚动特效,包括文字上下滚动、左右滚动、停顿滚动;图片上下滚动、左右滚动、停顿滚动。
jquery图片文字一起滚动切换是一款基于jquery实现的图片文字左右和上下一起滚动切换效果代码。
有注释 可调出N多个效果...比如图片上下左右滚动,可控制滚动及加速等等..
使用卷轴视图和gallery实现文字和图片的上下左右滑动,用布局前套方式设计布局样式
横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置), 彻底解决由于IE问题导致上下滚动页面留白的问题,它可以禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1), 判断...
无缝横向滚动文字图片特效,无缝横向滚动图片,文字上下滚动的特效代码,可用左右键控制滚动方向.
基于jQuery的大幅文字+图片滚动变幻的动画布局示。 自动播放 默认周期4秒; 点击左右按钮 手动左右滚动; 点击新闻列表 渐入渐出切换; 响应键盘 上下左右键. 效果很酷,适用于含图片以及介绍的新闻标题列表。
支持以下滚动,至于向左,还是向右,滚动,停留时间长短均可自行设置,样式等都可以自己修改,JS,css代码写的很灵活,需要哪种效果只用复制代码便可. 一次横向滚动一个 ...无缝上下文字滚动 支持左右无缝滚动
---通用不间断滚动JS封装类,...---网页里面文字或图片滚动方面的,上下滚动,左右滚动,间歇式的,连续性的均有。 ---我也是下载别人的东西才问你们要分的,我的分数如果足够多,会免费让你们下载的,先说声抱歉了!
自定义的ViewGroup实现的无缝连接可循环滚动布局,使用较为简单,虽然命名有点随便
滚动大图(上下左右和对角线方向)
js上下左右滚动广告图片代码
HTML的滚动标签,可以上下滚动,也可以左右滚动,标签里可以是文字也可以是图片
jquery实现图图片或者文本轮播,上下或者左右可配置,文件中为图片上传循环轮播,拿来即可使用,主要可以兼容ie7及以上版本,可以使用,亲测
列出其中一部分的名称: flash 图片切换多种效果 Flash+XML前后按钮超酷焦点图 韩雪冬 google_images图片切换带缩略图 jquery上下左右文字滚动 jsor-jcarousel KinSlideshow 图片切换 猪八戒网滚动效果
此资源包含了各种各样的滚动效果,共有8种,基本上您用到的效果这里都有,列表如下: ...各种上下滚动english 猪八戒网滚动效果 js向左滚动.html 单行滚动.html 三行代码搞定平滑的JS新闻单行滚动.html 图片滚动.html
js 图片文字滚动特效,文字左右上下无缝滚动。图片左右上下无缝滚动,可调节滚动速度,滚动方向。图片大小随意放缩