你的位置:首页 > Java教程

[Java教程]jCarousel三图横向滚动效果_可自动或手动,支持描述信息收缩展示功能


由于所分享的前端知识,属于跨度几年的个人笔记,只是记载关键代码;并没有针对所做的内容具体场景和需求进行描述,仅供参考。

关键代码:

 1 //html内容 2 /** 3 * @author Kenmu 4 * @time 2011-03-30 5 * @modified 2014-01-23 6 * @use imgJcarousel 7 <div id="Hold_ClientID_divJcarousel" style="visibility: hidden"> 8   <div class="jcarousel"> 9     <ul id="Hold_ClientID_mycarousel" class="jcarousel-list jcarousel-skin-tango">10       <li><a href="http://www.cnblogs.com//" target="_blank">11         <img src="Styles/1.jpg" alt="" /></a><div class="boxDesc">12           <div>13             Title(loadBoxDesc)<br />14             <span>Other Info(loadBoxDesc)</span></div>15           <b></b>16         </div>17       </li>18       ....more li item19     </ul>20   </div>21 </div>22 23 //脚本24 $(function () {25   var imgJc1 = new imgJcarousel();26   imgJc1.isDisplayNav = 1;27   imgJc1.pageSize = 3;28   imgJc1.imgWidth = 130;29   imgJc1.imgHeight = 160;30   imgJc1.imgPadding = 5;31   imgJc1.imgHorizontalMargin = 20;32   imgJc1.navIconWidth = 13;33   imgJc1.navIconHeight = 13;34   imgJc1.navNextIconRight = 10;35   imgJc1.isDisplayBoxDesc = 1;36   imgJc1.descBeginTop = -50;37   imgJc1.descEndTop = -175;38   imgJc1.init('Hold_ClientID_divJcarousel');39   $('#Hold_ClientID_mycarousel').jcarousel({40     scroll: 3,41     visible: 3,42     //auto: 3,43     //wrap: 'last',44     initCallback: imgJc1.loadJcarousel45   });46   $('#Hold_ClientID_divJcarousel').css('visibility', 'visible');47 });48 */

(jCarousel库扩展)Effect Image:(请点击进行下载)
 

(鼠标经过弹出图片信息)Effect Image:(请点击进行下载)
去丽江旅游必去景点去丽江旅游要多少钱去丽江旅游最佳路线去丽江旅游最佳时间丽江旅游线路报价乐满地冰雪飞飞好玩吗?桂林乐满地冰雪飞飞有什么好玩的? 文昌八门湾有驿站吗?海南文昌八门湾驿站有哪些? 广州白云区冰雕展地址?白云区冰雕展几号到几号? 桂林乐满地室内冰雪馆开业了吗?乐满地室内冰雪馆什么时候开放? 川航成都直飞马尔代夫月底停飞 2012青白江凤凰湖金秋菊花节开幕 丽江古城第一民族—纳西族 丽江古城的“紫禁城”—木府 青城山特色美食概况 青城山传奇故事:普照寺暴富 青城山不可错过的美食诱惑:青城泡菜(图) 四川夜场 成都琴台路宴饮一条街(图) 深圳欢乐谷内有什么交通工具? 深圳大小梅沙的水质怎么样?哪个好一些? 深圳热门的景点有哪些? 2013五一去哪里旅游好? MPSA93 Datasheet MPSA93 Datasheet PN2907ABU Datasheet PN2907ABU Datasheet PN2907BU Datasheet PN2907BU Datasheet 狼毒花图片 狼毒花图片 狼毒花图片 延吉市地图 延吉市地图 延吉市地图 黑水城 黑水城 黑水城