本文实例讲述了射流研究…制作精美的幻灯片画集特效。分享给大家供大家参考。具体如下：这是一款基于爪哇岛描述语言制作的精美幻灯片画集特效的插件，跟其他幻灯片有别的图片画廊。为什么说有所区别呢，因为这款插件的图片切换时包含四个方向的，即上下左右切换也是可以的，大家可以在实例中进行使用。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。

本实例的关键代码：

var o={ init : function(){ this。投资组合。init()；}，portfolio: { data: { }，init : function(){ $(' # portfolio ').投资组合投资组合。数据)；} } } $(function(){ o . init()；});为大家分享的射流研究…精美的幻灯片画集特效代码如下

！doctype html头元字符集=' utf-8 '元http-equiv=' X-UA-Compatible '内容=' IE=边，chrome=1 '元名称='viewport '内容=' width=器件宽度，初始比例=1.0' titlejs精美的幻灯片画集特效/title link rel='快捷方式图标href='./fav图标。ico ' meta name=' description ' content=' Portfolio Image Navigation with jQuery '/meta name=' keywords ' content=' jQuery，plugin，Navigation，Portfolio，images，2d，scroll to，template '/meta name=' author ' content=' Marcin Dziewulski for Codrops '/link href=' http://font。谷歌api。com/CSS？系列=PT Sans狭义rel='样式表type=' text/CSS '/link href=' CSS/style。CSS ' rel='样式表type=' text/CSS '/script src=' http : js/jquery。js ' type=' text/JavaScript '/script script src=' http : js/portfolio。js ' type=' text/JavaScript '/script script src=' http : js/init。js ' type=' text/JavaScript '/script/head body div id=' portfolio ' div id=' background '/div class=' arrows ' a href=' # ' class=' div mg src=' http : images/11。jpg ' alt=' image 11 '/div/div class=' item ' div mg src=' http : images/12。jpg ' alt=' image 12 '/div div mg src=' http : images/13。jpg ' alt=' image 13 '/div div mg src=' http : images/14。jpg ' alt=' image 14 '/div div以上就是为大家分享的射流研究…精美的幻灯片画集特效代码，希望大家可以喜欢。