jqery 实现滚动图片【三】

下载地址http://www.gmarwaha.com/jquery/jcarousellite/index.php#install
建议下载Uncompressed，里面有例子。
引入jcarousellite.js，<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jcarousellite.js"></script>
如果想添加滚轮支持，则需要引入<script type="text/javascript" src="path/to/easing.js"></script>
<script type="text/javascript" src="path/to/mousewheel.js"></script>
然后 jsp：
<div class="jCarousel">
    <ul>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
    </ul> <script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>
</div>

js：
$(".jCarousel").jCarouselLite({
    mouseWheel: true,
     auto: 800,
    speed: 1000

});

这样便实现了图片的滚动了。其中有很多属性可以自己选择。
在使用过程中遇到一个问题，div宽度不能自定义，我们可以把修改div.css(sizeCss, divSize+"px");这句代码：
1、直接注释掉
2、增加一个参数，根据该参数来判断。这样我们便可以自如的控制div的宽度或者高度了。

jqery 实现滚动图片【三】相关推荐

HTML 中多媒体设置：1、滚动字幕及滚动图片的设置 2、音乐视频的插入
代码如下: 滚动图片: <marquee behavior="scroll" direction="right"><img src=" ...
网站翻滚图片代码html,网页滚动图片滚动特效解析
1.一种常用的无缝滚动代码: 滚动图片代码演示-志文工作室 href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/i ...
Axure之滚动图片
Axure之滚动图片 1)选择Dynamic Panel盒子,双击.点击加号增加state,有几张图片就增加几次.我这里是点击了三次. 2)双state1,把image盒子拖入框内.调整合适的大小,双 ...
解决DataList控件无缝滚动图片(转)
解决问题:1.无缝滚动:2.页面初始时图片显示页面上,而不是才从一个方向出来. 将绑定数据绑定到DataList 控件后.其他数据控件也可使用此方法. 页面源代码: <div id=&quo ...
html不间断滚动图片,Javascript实现图片不间断滚动的代码
滚动测试 /** * @para obj 目标对象如:demo,deml1,demo2 中的"demo" 可任意,只要不重复 * * @para speed 滚动速度越大越慢 ...
无缝滚动图片——源码
图片已上传,请到我的资源部去下载,不用积分,--无缝滚动图片http://download.csdn.net/detail/qq_34137397/9665933 </head> < ...
《javaScript100例|01》超级经典一套鼠标控制左右滚动图片带自动翻滚
目录 HTML示例图片示例 HTML示例 <html > <head> <meta http-equiv="Content-Type" conten ...
php中加载图片淡入淡出,jQuery实现滚动图片淡入淡出功能
这次给大家带来jQuery实现滚动图片淡入淡出功能,jQuery实现滚动图片淡入淡出的注意事项有哪些,下面就是实战案例,一起来看一下. 下面是上下滚动源码向上滚动代码带上下翻按钮滚动特效 body{ ...
jquery控制左右箭头滚动图片列表
jquery控制左右箭头滚动图片列表 jquery控制左右箭头滚动图片列表的实例. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...

jqery 实现滚动图片【三】

jqery 实现滚动图片【三】相关推荐

最新文章

热门文章