jQuery滑动式幻灯片播放特效

来源：互联网发布：万网哪些域名可以备案编辑：程序博客网时间：2024/06/07 13:17

转载请自觉注明原文：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>

效果如下：