ホームページ > ウェブフロントエンド > jsチュートリアル > JQUERY THICKBOX ポップアップ レイヤー plug-in_jquery

JQUERY THICKBOX ポップアップ レイヤー plug-in_jquery

WBOY
リリース: 2016-05-16 19:01:41
オリジナル
1733 人が閲覧しました

.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 をダウンロードする必要があります。

コードをコピーします コードは次のとおりです:



< リンクrel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
//path-to-file は、次の 3 つのパスを配置することを意味します。ファイルの

2. 単一の画像をポップアップする方法:
コードをコピー コードは次のとおりです:

単一画像

3. 複数の画像のページングを実装することも非常に簡単です。 🎜>
コードをコピーします コードは次のとおりです:
植物 1< /a>
 植物 2
植物 3
植物4


4.LINECONTENT 内の Web ページをポップアップします


//重要なのは #TB_inline ですか?


5. iFRAME 形式


コードをコピーします コードは次のとおりです:


呼び出されるすべてのスタイルは class="thickbox" で追加する必要があります。これは詳細については、JQUERY の公式 Web サイトの THICKBOX の紹介を参照してください。 http://jquery.com/demo/thickbox/

内に具体的なエフェクトがあります。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート