Home » JS » 封装了一个单图片滚动的代码

封装了一个单图片滚动的代码

编 辑:Y ┊ 时 间:2017年02月04日 ┊ 访问: 145 次

以后估计用得到 在这里保存一下。

效果:
http://m.data.jiuzhuanghui.com/zone/user?uid=3430

在网上找了一个多图的插件,但是单图的却不能达到需求。
联系了作者,作者也说那种效果没有。

没办法那只好自己写一个了,写完了为了防止以后找不到就放这里吧。

别忘记引入JQuery哦!

设置信息

Y.changeImgClassText
Y.changeClassNameText
Y.changeWidth
Y.changeHeight
Y.changeSpeed

html:
<div class="scrollPic">

&lt;img src="Content/honeyhive_glyphs_final.png" class="head_pic_class" /&gt;

</div>

JS使用:
var Y = scrollPicY.createNew();
Y.changeImgClassText('group_wine_head_pic_img'); //设置img标签的class名称
Y.changeClassNameText('scrollPic'); //设置div的class名称
Y.changeSpeed(70); //改变等待时间
Y.changeHeight('225px'); //改变等待时间
Y.changeWidth('100%'); //改变等待时间
Y.getSpeed(); //获取等待时间
Y.start(); //启动方法

下载




Copyright © 2026 Y 版权所有.网站运行:13年238天21小时23分