1 / 2
文档名称:

jquery插件thickbox的使用方法1.doc

格式:doc   页数:2页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jquery插件thickbox的使用方法1.doc

上传人:xxj16588 2015/9/30 文件大小:0 KB

下载得到文件列表

jquery插件thickbox的使用方法1.doc

文档介绍

文档介绍:jquery插件thickbox的使用方法
一、在文件的<head></head>中插入
<script type="text/javascript" src="js/" mce_src="js/"></script>
<script type="text/javascript" src="js/" mce_src="js/"></script>
这个图片的路径
二、在<head></head>中插入CSS
<link rel="stylesheet" href="css/" mce_href="css/" type="text/css" media="screen" />
例子单个图片时:增加一个<a href="" mce_href="">然后给连接加一个class="thickbox"
<a href="images/" mce_href="images/" title="caption" class="thickbox">图片</a>
title加连接
title="<a href="images/" mce_href="images/">my link</a>"
想法来自lightbox多张图片时:
与单个图片的区别就是多了一个same rel element
<a href="images/" mce_href="images/" class="thickbox" rel="test" title="测试一">测试一</a>
<a href="images/" mce_href="images/" class="thickbox" rel="test" title="测试二">测试二</a>显示一个层内的内容时弹出任意id:
创建立一个link <a href="" mce_href="">
给连接增加一个class属性class="thickbox"
给连点增加一个锚点:#TB_inline
在锚点的后边增加字符串:?height=300&width=300&inlineId=myOnPageContent
在字符串的后边添加&modal=true,测必须在弹出的层内调用onclik=tb_remove()多用于隐藏的层
其中的inlineId就是你想显示的元素的id用ifame显示url
创建立一个link <a href="" mce_href="">
给连接增加一个class属性class="thickbox"
在href属性中提供想在thickbox中显示的url连接
在url后边添加字符串?KeepThis=true&TB_iframe=true&height=400&width=600
说明Add all other query parameters before the TB_iframe
用ifame显