一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

jQuery Tools——不可錯過的jQuery UI庫(四)

  接上篇,繼續jQuery Tools的講解。本篇講解jQuery Tools中十分有用的一個組件——遮罩效果(overlay)。遮罩效果的實現包含兩個部分:觸發遮罩效果的元素(觸發器),及事件觸發后,頁面上方彈出的遮罩層元素。

  下面看一個最簡單的例子(點擊關閉按鈕或觸發按鈕或esc鍵,關閉overlay):

  HTML Code:

<!-- 定義一個按鈕作為觸發器. 這里通過rel屬性,指定遮罩層元素的id --> 
<button type="button" rel="#overlay">Open overlay</button>
 
<!-- 遮罩元素,你可以通過樣式表定義樣式 -->
<!-- 遮罩元素可以使任何html元素,一般我們用div,注意id的設定 -->
<div class="overlay" id="overlay">
<!--這里是遮罩層里面要放的東西 -->
<h2 style="margin:10px 0">Here is my overlay</h2>
<p style="float: left; margin:0px 20px 0 0;">
<img src="http://static.flowplayer.org/img/title/eye192.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>

it知識庫jQuery Tools——不可錯過的jQuery UI庫(四),轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 91国自产精品中文字幕亚洲 | 国产午夜一级鲁丝片 | 国产丝袜91 | 色老板成人永久免费视频 | 色老板在线观看永久免费视频 | 91成人在线 | 婷婷国产成人久久精品激情 | 久久综合五月开心婷婷深深爱 | 久久成人小视频 | 三级韩国一区久久二区综合 | 亚洲福利三区 | 久久精品视香蕉蕉er大臿蕉 | 欧美一卡2卡3卡4卡无卡网老狼 | 国产美女又黄又爽又色视频网站 | 国产成人综合一区人人 | 激情视频网站 | 精品久久久久国产 | 超清中文乱码精品字幕在线观看 | 久久精品国产999久久久 | 精品视频中文字幕 | 亚洲欧美在线综合一区二区三区 | 欧美三级在线观看视频 | 伊人激情视频 | 精品视频在线一区 | 亚洲激情在线视频 | 色一情一区二区三区四区 | 精品国产一区二区三区2021 | 国产成人精品.一二区 | 成人亚洲国产 | 免费国产在线观看不卡 | 中文字幕一二三四 | 亚洲人成人毛片无遮挡 | 亚洲www视频| 欧美色欧| 国产二区视频 | 思思久热re6这里有精品 | 国产美女91视频 | 久久精品亚洲综合一品 | 东北普通话清晰对白 | 国产永久在线视频 | 日本欧美一区二区三区在线 |