Colorbox使用方法及参数设定中英双版.pdfVIP

ColorBox使用方法及参数详解 ColorBox的使用方法。 1、引入jquery核心库和ColorBox脚本文件 script src=/ajax/libs/jquery/1.6.1/jquery.min.js /script script src=../colorbox/jquery.colorbox.js/script 2、引入ColorBox样式表文件，注意引入不同皮肤的css文件将实现不同的皮肤 link media=screen rel=stylesheet href=colorbox.css / 3、html代码 h2弹性效果/h2 pa href=../content/ohoopee1.jpgrel=example1 title=Me and my grandfather on the Ohoopee.Grouped Photo 1/a/p pa href=../content/ohoopee2.jpgrel=example1 title=On the Ohoopee as a childGrouped Photo 2/a/p pa href=../content/ohoopee3.jpgrel=example1 title=On the Ohoopee as an adultGrouped Photo 3/a/p h2淡入淡出效果/h2 pa href=../content/ohoopee1.jpgrel=example2 title=Me and my grandfather on the OhoopeeGrouped Photo 1/a/p pa href=../content/ohoopee2.jpgrel=example2 title=On the Ohoopee as a childGrouped Photo 2/a/p pa href=../content/ohoopee3.jpgrel=example2 title=On the Ohoopee as an adultGrouped Photo 3/a/p h2没有动画效果，高度固定（屏幕大小的75%）/h2 pa href=../content/ohoopee1.jpgrel=example3 title=Me and my grandfather on the Ohoopee.Grouped Photo 1/a/p pa href=../content/ohoopee2.jpgrel=example3 title=On the Ohoopee as a childGrouped Photo 2/a/p pa href=../content/ohoopee3.jpgrel=example3 title=On the Ohoopee as an adultGrouped Photo 3/a/p h2 自动播放/h2 pa href=../content/ohoopee1.jpgrel=example4 title=Me and my grandfather on the Ohoopee.Grouped Photo 1/a/p pa href=../content/ohoopee2.jpgrel=example4 title=On the Ohoopee as a childGrouped Photo 2/a/p pa href=../content/ohoopee3.jpgrel=example4 title=On the Ohoopee as an adultGrouped Photo 3/a/p 4、jquery初始化代码 $(document).ready(function(){ //Examples of how to assign the ColorBox event to elements $(a[rel=example1]).colorbox(); $(a[rel=example2]).colorbox({transition:fade}); $(a[rel=example3]).colorbox({transition:none, width:75%, height:75%}); $(a[rel=example4]).colorbox({slideshow:true}); $(.example5).colorbox(); $(.example6).colorbox({iframe:true, innerWidth:425, innerHeight:344});