<div id="cnblogs_post_body"><span class="Apple-style-span" style="COLOR: #404040; LINE-HEIGHT: 25px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"> <h4 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; COLOR: #494949; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://pikachoose.com/">1、Pikachoose – lightweight Jquery Image Gallery plugin</a></h4> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center"><img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201105/20110512203825696.jpg"></p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://pikachoose.com/demo/" target="_blank">查看Demo</a></p> <p id="aeaoofnhgocdbnbeljkmbjdmhbcokfdb-mousedown" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">效果还算不错,当然跟以前推荐的几个画廊插件还是有一些差距。</p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">推荐指数:★★★</p> <h4 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; COLOR: #494949; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/">2、Sliding Boxes and Captions with jQuery</a></h4> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center"><img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201105/20110512203825397.jpg"></p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left"><a id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm" target="_blank">查看Demo</a></p> <p id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">此画廊有意思的地方在于图片滑动效果(貌似IE下无效,原因不明)。</p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">推荐指数:★★★</p> <h4 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; COLOR: #494949; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html">3、Creating a polaroid photo viewer with CSS3 and jQuery</a></h4> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center"><img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201105/20110512203825677.png"></p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left"><a id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://demo.marcofolio.net/polaroid_photo_viewer/" target="_blank">查看Demo</a></p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">这个效果非常不错,图片乱序叠加,还可以拖拉图片</p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">推荐指数:★★★★</p> <h4 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; COLOR: #494949; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://www.e2interactive.com/e2_photo_gallery/">4、E2 Photo Gallery</a></h4> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center"><img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201105/20110512203825805.png"></p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://www.e2interactive.com/e2-gallery-pro/" target="_blank">查看Demo</a></p> <p id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">这个插件很牛!独有的视图切换模式,完备的API,与各后台脚本交互的demo…..问题是它是收费的-_-!</p> <p id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">推荐指数:★★★★★</p> <h4 id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 5px auto; COLOR: #494949; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><a style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://imageflow.finnrudolph.de/">5、ImageFlow 0.9</a></h4> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center"><img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201105/20110512203825780.png"></p> <p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left"><a id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #005fa9; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" href="http://imageflow.finnrudolph.de/" target="_blank">デモを見る</a></p> <p id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">素晴らしいフォトギャラリー!強くお勧めします! </p> <p id="" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; COLOR: #404040; LINE-HEIGHT: 25px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left">おすすめ度:★★★★★</p></span></div> <script type="text/javascript"> if ($ != jQuery) { $ = jQuery.noConflict(); } var isLogined = false; var cb_blogId = 37738; var cb_entryId = 2044307; var cb_blogApp = "craig"; var cb_blogUserGuid = "dd3c420b-63cf-dd11-9e4d-001cf0cd104b"; var cb_entryCreatedDate = '2011/5/12 14:04:00'; </script>