Jquery弹出层插件ThickBox的使用方法

2022-01-11,,,,

这篇文章主要介绍了Jquery弹出插件ThickBox使用方法,需要的朋友可以参考下

thickbox是jQuery的一个插件,其作用是弹出对话框、网页框,使用户体验度更加愉悦,下面就来简单介绍它的几种用法。
声明一下:这只是个人的总结记载而已。
准备工作:你需要三个文件:thickbox.js、thickbox.css、jquery.js,网上到处可下

具体使用:

第一步:将这三个文件引入到你要使用thickbox的页面

复制代码 代码如下:

   
   

第二步:一般简单使用就是给标签和Button添加样式:class=thickbox
还有就是通过thickbox函数调用:如tb_init()、tb_show();见下文。

几种不同用法:

1.点击显示图片:

 
ok,就这样搞定
2.点击按钮或链接:

复制代码 代码如下:
  
   Show hidden modal content.
  
  
  

     这是一个非模式对话框。
  

  

  
  

     这是一个模式对话框。
    

  

  

以上就是Jquery弹出层插件ThickBox的使用方法的详细内容,更多请关注本站其它相关文章!

《Jquery弹出层插件ThickBox的使用方法.doc》

下载本文的Word格式文档,以方便收藏与打印。