Colorbox使用方法和参数设定中英双版.docxVIP

ColorBox使用方法及参数详解 ColorBox的使用方法。 1、引入jquery核心库和ColorBox脚本文件 script src=/ajax/libs/jquery/1.6.1/jquery.min.js/scriptscript src=../colorbox/jquery.colorbox.js/script 2、引入ColorBox样式表文件，注意引入不同皮肤的css文件将实现不同的皮肤 link media=screen rel=stylesheet href=colorbox.css / 3、html代码 h2弹性效果/h2pa href=../content/ohoopee1.jpg rel=example1 title=Me and my grandfather on the Ohoopee.Grouped Photo 1/a/ppa href=../content/ohoopee2.jpg rel=example1 title=On the Ohoopee as a childGrouped Photo 2/a/ppa href=../content/ohoopee3.jpg rel=example1 title=On the Ohoopee as an adultGrouped Photo 3/a/p h2淡入淡出效果/h2pa href=../content/ohoopee1.jpg rel=example2 title=Me and my grandfather on the OhoopeeGrouped Photo 1/a/ppa href=../content/ohoopee2.jpg rel=example2 title=On the Ohoopee as a childGrouped Photo 2/a/ppa href=../content/ohoopee3.jpg rel=example2 title=On the Ohoopee as an adultGrouped Photo 3/a/p h2没有动画效果，高度固定（屏幕大小的75%）/h2pa href=../content/ohoopee1.jpg rel=example3 title=Me and my grandfather on the Ohoopee.Grouped Photo 1/a/ppa href=../content/ohoopee2.jpg rel=example3 title=On the Ohoopee as a childGrouped Photo 2/a/ppa href=../content/ohoopee3.jpg rel=example3 title=On the Ohoopee as an adultGrouped Photo 3/a/p h2自动播放/h2pa href=../content/ohoopee1.jpg rel=example4 title=Me and my grandfather on the Ohoopee.Grouped Photo 1/a/ppa href=../content/ohoopee2.jpg rel=example4 title=On the Ohoopee as a childGrouped Photo 2/a/ppa href=../content/ohoopee3.jpg rel=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}); $(.example7).colorbox