Heim > Web-Frontend > js-Tutorial > JQUERY THICKBOX弹出层插件_jquery

JQUERY THICKBOX弹出层插件_jquery

WBOY
Freigeben: 2016-05-16 19:01:41
Original
1693 Leute haben es durchsucht

.THICKBOX支持一下浏览器:
Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10……但是据我的使用,IE6还是有点问题的!下面我们首先来看它的调用:
1.肯定你先要下载jquery.js和thickbox.js了.还有thickbox.css也不能少!

复制代码 代码如下:




//path-to-file 就是你放这三个文件的路径

2.弹出单张图片的方法:
复制代码 代码如下:

Single Image

3.多张图片实现分页也很简单:
复制代码 代码如下:

Plant 1
Plant 2
Plant 3
Plant 4

4.弹出网页inLINECONTENT
复制代码 代码如下:


//重要的是 #TB_inline?

5.iFRAME形式的
复制代码 代码如下:

所有调用的样式都得加上class=”thickbox”.这是控制弹出的效果,具体可以参照JQUERY的官方站点对THICKBOX的介绍,里面有具体效果:http://jquery.com/demo/thickbox/

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage