☑下载/引用地址: ☞ http://www.xcsoft.cn/Public/js/jquery.imgscroll.min.js☜

☑基本调用方法,其他可参考演示

// JavaScript Document
/**
 * 当你的页面已经加载jquery时,如下写法
 */
$(function(){
    imgScroll.scroll({
        name:'imgscroll2',
        width:'380px',
        direction:"left",
        height:'180px',
        addcss:true,
        showinfo:"scroll",
        infodirection:'top',
        speed:200
    },5000,1000)
})
/**
 * 当你的页面还没有加载jquery时,本函数自动加载jquery,默认调用百度CDN公共库的jquery
 * xcsoft.jquery(function(){...},param)
 * @param function(){...} 函数,即jquery加载后执行,如同$(function(){...})
 * @param param string 版定本[见下方取值]或者自义jquery相对路径或者绝对路径,默认调用百度CDN公共库的jquery中的1.6.4版本
 * version 取值规定:2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3
 * xcsoft.jquery(function(){},'1.6.4')//调用百度CDN公共库中的jquery版本
 * xcsoft.jquery(function(){},'http://www.xcsoft.cn/Public/js/jquery.js')//调用自定义jquery
 */
xcsoft.jquery(function(e){
    //滚动循环示例
    imgScroll.scroll({
        name:'imgscroll2',
        width:'380px',
        direction:"left",
        height:'180px',
        addcss:true,
        showinfo:"scroll",
        infodirection:'top',
        speed:200
        },5000,1000)
});

✍ 焦点渐变循环切换：imgScroll.gradual({参数:值,参数:值,...},图片停留时间,动画切换速度) ☞ 查看演示

✍ 焦点滚动循环切换：imgScroll.scroll({参数:值,参数:值,...},图片停留时间,动画切换速度) ☞ 查看演示

✍ 连续无缝循环滚动：imgScroll.rolling({参数:值,参数:值,...}) ☞ 查看演示

       注1：当addcss为false时，将不添加必要的CSS样式，请在CSS里自行添加.

       注2：如需渐变/滚动实时切换看效果时，请将addcss改为true.

       注3：[必须]使用前需引用JQuery,或者使用xcsoft.jquery自动加载JQuery.

标签   技巧网页制作

按键盘左右方向键可快速浏览上一篇(←)、下一篇(→)