源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

Jquery ThickBox插件使用心得(不建议使用)

时间：2020-10-15 03:29 编辑：来源：阅读：
扫一扫，手机访问

摘要：Jquery ThickBox插件使用心得(不建议使用)

大家可以使用官方推荐的一下几个插件

[url=images/single.jpg]<img src="images/single.jpg" alt="Plant" width="100" height="75" /> </a>

[b]2.展示图片（多张）：[/b]

[u]复制代码[/u][/url] 代码如下:

<a href="images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="flowers"> <img src="images/plant1.jpg" alt="Plant 1" width="100" height="75"/> </a> <a href="images/plant2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="flowers"> <img src="images/plant2.jpg" alt="Plant 2" width="100" height="75"/> </a> <a href="images/plant3.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="flowers"> <img src="images/plant3.jpg" alt="Plant 3" width="100" height="75"/> </a> <a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="flowers"> <img src="images/plant4.jpg" alt="Plant 4" width="100" height="75"/> </a>

这里每个a都要加上rel属性，而且属性值要一样。前后展示图可以通过" > "和" < "来切换 [b]3.弹出层内容在当前页面中时：[/b]

[url=ajaxFrame.PHP?keepThis=true&TB_iframe=true&height=250&width=400]<a href="ajaxOverFlow2.html?keepThis=true&TB_iframe=true&height=300&width=500" title="add a caption to title attribute / or leave blank" class="thickbox">Example 2</a> <a href="iframeModal.html?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=200&width=300&modal=true" title="add a caption to title attribute / or leave blank" class="thickbox">Open iFrame Modal</a>

如果弹出层是嵌套在iframe里需要添加“TB_iframe=true"。第一个是调用ajaxFrame.PHP文件。第二个是调用ajaxOverFlow2.html文件。第三个是调用了iframeModal.html文件，隐藏了title和操作按钮。 [b]5.调用外部文件，弹出层不是iframe [/b]

[u]复制代码[/u][/url] 代码如下:

<a href="ajaxOverFlow.html?height=300&width=400" title="add a caption to title attribute / or leave blank" class="thickbox">Scrolling content</a> <a href="ajax.PHP?height=220&width=400" class="thickbox" title="add a caption to title attribute / or leave blank">No-scroll content</a> <a href="ajaxLogin.html?height=85&width=250&modal=true" class="thickbox" title="Please Sign In">login (modal)</a> <a href="ajaxTBcontent.html?height=200&width=300" class="thickbox" title="">Update ThickBox content</a>

第一个调用ajaxOverFlow.html文件。第二个调用ajax.PHP文件。第三个调用ajaxLogin.html文件，form表单。第四个调用ajaxTBcontent.html文件，弹出层里再调用newTBcontent.html文件。

全部评论(0)

上一篇：jQuery结合ajax实现动态加载文本内容
下一篇：javascript中对Attr(dom中属性)的操作示例讲解

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部