亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JQUERY THICKBOX彈出層插件

 更新時間：2008年08月30日 19:29:22   作者：  
JQUERY插件THICKBOX的功能很強大,但是它的基本使用卻很簡單容易.但是要研究的更深,運用得更加靈活的話,還是有點難度，根據其官方站點介紹
.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也不能少!
復制代碼 代碼如下:

<script type="text/javascript" src="path-to-file/jquery.js"></script>
<script type="text/javascript" src="path-to-file/thickbox.js"></script>
<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
//path-to-file 就是你放這三個文件的路徑

2.彈出單張圖片的方法:
復制代碼 代碼如下:

<a href="images/single.jpg" title="add a caption to title attribute / or leave blank" class="thickbox"><img src="images/single_t.jpg" alt="Single Image"/></a>

3.多張圖片實現分頁也很簡單:
復制代碼 代碼如下:

<a href="images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant1_t.jpg" alt="Plant 1" /></a>
<a href="images/plant2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant2_t.jpg" alt="Plant 2" /></a>
<a href="images/plant3.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant3_t.jpg" alt="Plant 3" /></a>
<a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a>

4.彈出網頁inLINECONTENT
復制代碼 代碼如下:

<input alt="#TB_inline?height=300&width=400&inlineId=myOnPageContent" title="add a caption to title attribute / or leave blank" class="thickbox" type="button" value="Show" />
//重要的是 #TB_inline?

5.iFRAME形式的
復制代碼 代碼如下:

<a href="ajax.PHP?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank" class="thickbox">Example</a>

所有調用的樣式都得加上class=”thickbox”.這是控制彈出的效果,具體可以參照JQUERY的官方站點對THICKBOX的介紹,里面有具體效果:http://jquery.com/demo/thickbox/

相關文章

  • jQuery實現鼠標經過提示信息的地圖熱點效果

    jQuery實現鼠標經過提示信息的地圖熱點效果

    這是一個升級版本，更新了一個在IE8里的小問題，加入了提示框的內容自動換行處理(北京點上有演示)！估計差不多該是最后樣式了。IE6、IE8、谷歌、火狐、測試正常。
    2015-04-04
  • jquery實現選中單選按鈕下拉伸縮效果

    jquery實現選中單選按鈕下拉伸縮效果

    這篇文章主要介紹了jquery實現選中單選按鈕下拉伸縮效果的方法,涉及jquery鼠標事件及頁面元素樣式的動態(tài)操作技巧,該功能可用于動態(tài)顯示特定內容(如發(fā)票打印等),需要的朋友可以參考下
    2015-08-08
  • jQuery增加和刪除表格項目及實現表格項目排序的方法

    jQuery增加和刪除表格項目及實現表格項目排序的方法

    jQuery對表格的操作是老生常談的問題了,各種插件也到處都是,這里我們還是來從技術著手jQuery增加和刪除表格項目及實現表格項目排序的方法:
    2016-05-05
  • ashx文件獲取$.ajax()方法發(fā)送的數據

    ashx文件獲取$.ajax()方法發(fā)送的數據

    這篇文章主要介紹了ashx文件獲取$.ajax()方法發(fā)送的數據的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2016-05-05
  • jQuery表單設置值的方法

    jQuery表單設置值的方法

    這篇文章主要為大家詳細介紹了jQuery表單設置值的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-06-06
  • JQuery 封裝 Ajax 常用方法(推薦)

    JQuery 封裝 Ajax 常用方法(推薦)

    easy-ajax是為了治理前端亂寫Ajax方法而生。接下來通過本文給大家介紹JQuery 封裝 Ajax 常用方法，需要的朋友參考下
    2017-05-05
  • jquery-tips懸浮提示插件分享

    jquery-tips懸浮提示插件分享

    Tooltip（提示框）是一種常見的效果，它通常用在需要進一步解釋、說明或提示的某個詞上。這種小效果實現起來雖然不難，但如果你想不勞而獲，可以試試 Tips。
    2015-07-07
  • jQuery實現簡單漂亮的Nav導航菜單效果

    jQuery實現簡單漂亮的Nav導航菜單效果

    這篇文章主要介紹了jQuery實現簡單漂亮的Nav導航菜單效果,涉及jQuery響應鼠標事件動態(tài)遍歷與操作頁面元素屬性的相關實現技巧,需要的朋友可以參考下
    2017-03-03
  • 更高效的使用JQuery 這里總結了8個小技巧

    更高效的使用JQuery 這里總結了8個小技巧

    本文和其他的介紹JQuery的方法不同，本文側重點是介紹一些JQuery的使用原則，以便讓JQuery代碼更高效的執(zhí)行。
    2016-04-04
  • jQuery實現復制到粘貼板功能

    jQuery實現復制到粘貼板功能

    這篇文章主要為大家詳細介紹了jquery實現復制到粘貼板功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-02-02

最新評論