ThickBox 3.1参数详细解释

ThickBox 3.1参数详细解释
class="thickbox" 调用特效；
height 打开页面的高度；
width 打开页面的宽度；
title="Iframe(Auto Hide)" title的内容；
keepThis=true TB_iframe=true 这两个参数没搞明白什么意思，但通过框架来调用页面时不可缺少；
#TB_inline 调用当前页面的层；
inlineId 当前页面层的ID；
modal=true 表示禁用title，去掉即可显示title及可自动关闭；

1、调用框架，固定宽度和高度，超出显示滚动条 Iframe(auto hide):

<a href="http://www.cookseo.com?keepThis=true&TB_iframe=true&height=500&width=820" title="ThickBox 3.1:调用框架，固定宽度和高度，超出显示滚动条" class="thickbox">OECSPACE</a>

2、打开页面，固定宽度和高度，无滚动条，禁用title, fixed width, fixed height

<a href="boxs.html?keepThis=true&TB_iframe=true&height=100&width=220&modal=true" title="ThickBox 3.1:modal=true表示禁用title，去掉即可显示title及可自动关闭" class="thickbox">Open iFrame Modal</a>

3、Ajax载入，自动宽度和高度，禁用title，页面无法查看源代码

<a href="box.html?height=350&width=350&modal=true" title="ThickBox 3.1:Ajax载入，页面无法查看源代码" class="thickbox">Example</a>

4、链接显示隐藏的层，层存在于页面中。

<a href="#TB_inline?height=200&width=300&inlineId=hiddenModalContent&modal=true" title="ThickBox 3.1:链接显示隐藏层" class="thickbox">Show hidden modal content</a>

<div id="hiddenModalContent" style="display:none">
<p>ThickBox hidden modal content. Click to hide.</p>
<p style="text-align:center"><input type="submit" value=" O K " οnclick="tb_remove()" /></p>
</div>

5、按钮显示隐藏的层，层存在于页面中。

<div id="myOnPageContent" style="display:none">
<p>ThickBox hidden modal content.Auto Hide.</p>
</div>

6、单张图片调用

7、多张图片调用

另外，如果不想点击图片关闭的话，找到thickbox.js，到128行，把下面的代码：

$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");

改成：

$("#TB_window").append("<img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");

即可

ThickBox 3.1参数详细解释相关推荐

Python之pandas：pandas.set_option函数的参数详细解释
Python之pandas:pandas.set_option函数的参数详细解释目录 pandas.set_option函数的参数解释函数API:pandas.set_option pandas. ...
运放参数详细解释与分析
目录: 一.运放参数详细解释与分析 1.输入偏置电流和输入失调电流 2.如何测量输入偏置电流Ib.失调电流Ios 3.输入失调电压Vos及温漂 4.运放噪声快速计算 5.电源抑制比DC-PSRR 6. ...
中国天气网天气API参数详细解释说明
经常大家要使用到天气的API,但是,中国天气网天气api返回的JSON参数太多,那么给出中国天气网天气API参数详细解释说明,可以供给参考: view source print? 01 { 02 ...
msde2000安装参数详细解释!
解开安装包,里面有个setup.ini文件用记事本打开setup.ini 有以下字段: [Options] SECURITYMODE="SQL" DISABLENETW ...
官方教程 Redshift 05 system参数详细解释
1.Log----路径一般在: 可以查看渲染整个过程的运行情况: 2.Material Override 材质球覆盖就是渲染的时候将场景中所有的物体统一成phone 灰色材质替代,前期测试的时候常用 ...
drawimage的用法 java_java中方法drawImage()的参数详细解释
public abstract boolean drawImage(Image img, int x, int y, int width, int height, ImageObserver obse ...
matplotlib plt.figure（）参数详细解释对于绘制直方图点图的通用场景
https://www.dazhuanlan.com/2020/01/19/5e24219f9ae61/
KERAS中fit方法中verbose参数详细解释
https://blog.csdn.net/my_kingdom/article/details/84313683
Spark Graphx Pregel（pregel参数详解,pregel调用实现过程的详细解释）
Spark Graphx Pregel 一.Pregel概述 1.什么是pregel? 2.pregel应用场景二.Pregel源码及参数解释 1.源码 2.参数详细解释 (1)initialMsg ...

ThickBox 3.1参数详细解释

ThickBox 3.1参数详细解释相关推荐

最新文章

热门文章