您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jquery图片轮播插件anoslide

    时间:2014-06-04 18:48 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    jquery图片轮播插件anoslidejquery图片轮播插件anoslide是一款可调节效果至任意宽度大小,支持图文混合内容显示的jquery.anoslide插件。jquery图片轮播左右箭头jquery插件 所属专题:焦点图代码

    <script type="text/javascript">
    $('.carousel.captions ul').anoSlide(
    {
    items: 1,
    speed: 500,
    prev: 'a.prev[data-prev-caption]',
    next: 'a.next[data-next-caption]',
    lazy: true,
    onStart: function(ui)
    {
    ui.slide.element.find('.caption').remove();
    },
    onEnd: function(ui)
    {
    var content = ui.slide.element.data('caption');
     
    var caption = $('<div/>').addClass('caption').css(
    {
    position: 'absolute', 
    background: 'rgb(0,0,0)',
    color: 'rgb(255,255,255)',
    textShadow: 'rgb(0,0,0) -1px -1px',
    opacity: 0.5,
    top: -100,
    left: 50,
    padding: 20,
    webkitBorderRadius: 5,
    mozBorderRadius: 5,
    borderRadius: 5
    }).html(content);
     
    caption.appendTo(ui.slide.element).animate(
    {
    top:50
    });
    }
    })
    </script>
    jquery图片轮播插件anoslide由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/8159.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!