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

    3D图片层叠旋转木马切换

    时间:2014-05-13 13:09 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    3D图片层叠旋转木马切换是一款jquery.roundabout 3D图片层叠旋转木马切换效果代码。jQuery旋转木马3D效果图片切换 所属专题:图片代码

    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
     
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.roundabout-1.0.min.js"></script> 
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
    <script type="text/javascript">
    $(document).ready(function(){ 
    $('#featured-area ul').roundabout({
    easing: 'easeOutInCirc',
    duration: 600
    });
    });
    </script>    
     
    </head> 
    <body>
     
    <div id="featured-area"> 
    <ul> 
    <li><a href="http://www.codesocang.com/"><span>代码素材</span><img src="images/speedometer.jpg" alt="代码素材" /></a></li>
    <li><a href="http://www.codesocang.com/"><span>PSD素材</span><img src="images/photoshop_plus.jpg" alt="PSD素材" /></a></li>  
    <li><a href="http://www.codesocang.com/"><span>flash素材</span><img src="images/fnfast.jpg" alt="flash素材" /></a></li>  
    </ul> 
    </div>
    3D图片层叠旋转木马切换由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7670.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!