jQuery滑动式幻灯片播放特效

最新推荐文章于 2024-09-20 11:38:47 发布

guyongqing52

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量1.4k

点赞数

分类专栏： C#日记ASP.net（vs2008平台下）文章标签：图片 javascript jquery 体感

C#日记ASP.net（vs2008平台下）专栏收录该内容

32 篇文章 0 订阅

订阅专栏

转载请自觉注明原文：http://jq-show.com/Detail.aspx?id=185

更多最新分享的插件请访问:http:www.jq-show.com

首先非常感谢网友孙立的无私分享,此Jquery特效是一款非常具有立体感的图片播放特效。

它以幻灯片的方式播放图片，并且带有左右箭头播放上一张和下一张图片，每张图片有倒影特效。这款jQuery滑动式幻灯片播放特效，兼容浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

代码如下：

<script type="text/javascript">
    //JSON PORTFOLIO
    var portfolioJSON = [{"0":"Mother's Ring Builder","4":"2013-03-25 20:00:50","1":"2013\/03\/mothers.jpg","3":"191"},{"0":"BCI Rentals - Custom CMS","4":"2012-10-28 19:24:24","1":"2013\/03\/bci.jpg","3":"201"},{"0":"Schoolwires Creative Services","4":"2012-03-07 03:07:55","1":"2012\/03\/creative.jpg","2":"#FFFFFF","3":"82"},{"0":"Self-Service","4":"2012-03-06 16:43:34","1":"2012\/03\/selfservice11.jpg","2":"#669900","3":"4"},{"0":"Portfolio: \"Infinite Scolling\" Wall","4":"2012-03-05 16:44:51","1":"2012\/03\/portfolio1.jpg","2":"#304B89","3":"176"}];
    var featuresTimer;
    var resizeTimer;
    var hoverTimer;
</script>

效果如下：