clearbox 用法介绍

首先在头里加入如下代码:

<link href="css/clearbox.css" rel="stylesheet" type="text/css" />
<script src="js/clearbox.js" type="text/javascript" ></script>

单图演示:

<a href="images/1.jpg" rel="clearbox" title="Caption0"><img src="images/1.jpg"  border="0" /></a>

图组演示:

<a href="images/1.jpg" rel="clearbox[gallery=My Gallery]" title="Caption1"><img src="images/1.jpg" border="0" /></a>
<a href="images/2.jpg" rel="clearbox[gallery=My Gallery]" title="Caption2"><img src="images/2.jpg" border="0" /></a>
<a href="images/3.jpg" rel="clearbox[gallery=My Gallery]" title="Caption1"><img src="images/3.jpg" border="0" /></a>
<a href="images/4.jpg" rel="clearbox[gallery=My Gallery]" title="Caption2"><img src="images/4.jpg" border="0" /></a>

网址演示:

鼠标单击演示 <a href="http://www.lanrentuku.com/" rel="clearbox(692,500,click)">点下来试试</a>


鼠标移动演示 <a href="http://www.lanrentuku.com/lanren/jscode/" rel="clearbox(692,500,ovre)">放上来试试</a>

参数设置:

CB_AllowedToRun:

此值可以设置为on或off。如果'off' ,然后就到ClearBox ,所以图像不会出现在的帮助下,该脚本,但它最初是在网站上。

CB_AllowExtFunct:

此值可以设置为on或off。如果'on' ,那么ClearBox每个图像和HTML内容加载将CB_ExternalFunction ( )函数调用。

CB_Animation:

此值可以设置为on,off,normal,double,warp。动画ClearBox窗口可以设置他。
'关闭' :在这种情况下,窗口不animálódik ,但添加到想要的大小。
'正常' :在这种情况下,窗口的横向和纵向然后大小。
'双'的同样大小的窗口中X和Y方向(默认)
'经' :作为双,但之前的动画显示的图片上,提供它(高CPU的需求,因此,建议对小图片)

CB_AnimSpeed:

它的价值是一个正整数( 1 - ) 。指定动画的速度。
CB_BodyMarginLeft
CB_BodyMarginRight
CB_BodyMarginTop
CB_BodyMarginBottom

如果一方打算给出具体的价值身体的利润率,因此,如果:利润率左,边顶,边底利润的权利,或任何为0 ,和一氧化氮的汽车,则有以下参数将其添加到ClearBox也。由于这HideContent层的确切尺寸需要!注:注意,如果你不给的CSS文件做身体利润价值,但它也有一个默认值为保证金的浏览器!重要提示:请不要使用%的价值,因为层ClearBox HideContent将无法显示!

CB_CloseOnH:

此值可以设置为on或off。如果'off' ,它阻碍表面的文件,单击窗口不会关闭ClearBox 。

CB_FlashHide:

此值可以设置为on或off。如果'on' ,则flash 也会盖在弹出层的上面。

CB_Font
CB_Font2:

的价值,一个(或多个)的字体。下的文本,图片第一和第二行指定的字体。的CSS可以同时使用一种以上的可利用的价值,例如: '字体,绿色, Tahoma ' 。

CB_FontSize
CB_FontSize2:

它的价值,这是一个积极的整数( 6 - ) 。

CB_FontColor
CB_FontColor2:

价值的十六进制颜色代码。下的文本,图片第一和第二排的颜色的。

CB_FontWeight
CB_FontWeight2:

其值为''normal' ,或'bold'。

CB_FullSize:

如果'起飞' ,然后是不显示的图像上的'下载文件'或'全尺寸'图标。

CB_HideColor:

指定脚本的邀请文件'妨碍'表面颜色的。

CB_HideOpacity:

默认值: ' 0.85 ' ,这意味着85 % ,乌山黑暗背景。

CB_HideOpacitySpeed:

指定多少毫秒妨碍文件的表面下的黑暗。

CB_ImgBorder:

指定的宽度范围内的图片。

CB_ImgBorderColor:

指定边框颜色的图像。

CB_ImgMinWidth
CB_ImgMinHeight:

正整数的值( 50 - ) 。他们ClearBox窗口像素,最小宽度(较少窗口无法打开,即使是规模较小的形象) 。

CB_ImgNum:

规定,如果ClearBox galériáknál应显示的所有文件,这是一些图像显示。

CB_ImgNumBracket:

如果CB_ImgNum是打开的,它显示的图像是否有在括号中显示。

CB_ImgOpacitySpeed:

指定的毫秒数在图像的。

CB_ImgTextFade:

如果'起飞' ,那么,下面的图片或文字的形象似乎并不逐步,但立即显示出来。

CB_NavTextPrv
CB_NavTextNxt
CB_NavTextFull
CB_NavTextDL:

可以指定的形象出现在按钮(链接)的名称。

CB_NavTextImgPrv
CB_NavTextImgNxt
CB_NavTextImgFull
CB_NavTextImgDL:

您可以选择是否显示图像按钮下方。如果有任何'起飞' ,那么目前的形象,而不是上述参数的文字会出现下降。

CB_NoThumbnails:

其值为'对'或'关闭' 。如果'起飞' , galériáknál它不会出现在小的图像。

CB_Padd:

价值的一个非负整数( 0 - ) 。图片为(和lekerekítéseken )提供额外的-几乎是无形-相框(白色帧的图片宽度以像素为单位的增加) 。

CB_PicDir:

ClearBox指定的路径图像。如果改变clearbox.css不会忘记作出必要的修改!

CB_PictureStart
CB_PicturePause
CB_PictureClose
CB_PictureLoading
CB_PictureNext
CB_PicturePrev:

如果你想改变ClearBox使用的开始,暂停,关闭前和下一步按钮,以及装载的形象,它是允许这样做。重要的是,只输入文件名, /和文件夹没有任何迹象!

CB_Preload:

是否指定galériáknál前和下列预先载入图像。

CB_RoundPix:

指定四舍五入的尺寸的图像。

CB_SelectsHide:

如果'的' ,然后在SELECT ClearBox窗口被打开,箱子就会消失在背景中,并再次结束后的时代。

CB_ShowGalName:

如果'起飞'的名字然后将不会kiíratásra加莱拉。

CB_ShowImgURL:

指定的窗口形象,以ClearBox路径,如果没有地址的图片。

CB_SimpleDesign:

如果'的' ,然后就不会有文字的图片(帧的图片将是一个统一的大小) 。

CB_SlShowTime:

指定是否要等待多少幻灯片效果(以秒计)收到显示下面的图像。

CB_TextH:

下面的图片中给出了高度的文字。

CB_TextNav:

指定galériáknál下方的图片前和明年的按钮(或字幕)显示器。

CB_TextOpacitySpeed:

指定的毫秒数在图像中的文字。

CB_WinPadd:

( 0 - )中指定一个正常的情况下,最低数量的像素边缘的浏览器窗口,以ClearBox 。

注:
1。这个效果有个比较难控制的地方就是弹出页面底下总有个URL,这个问题我经过反复尝试可以在链接后面加上title属性,这样就可以把URL换成你想换的任意内容。或者不想要的话直接换成空就可以了。
2。如果有js乱码的情况请在引如 js文件的语句里加上charset="gb2312" ,而不要使用默认的匈牙利编码。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值