網站架設 JQuery dialog 分級視窗＠竹東網站架設

2023-02-11 00:51:34| 人氣8| 回應0 | 上一篇

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="{$template_dir}/js/js.cookie.js"></script>
<link type="text/css" rel="stylesheet" href="{$template_dir}/css/jquery-ui.dialog.css" />
<script>
$(function(){
//alert(Cookies.get("over18"));
//設定over18是不是為1
if (Cookies.get("over18")!="1") {
$("#dialog_div").css('zIndex',9999);
$("#dialog_div").dialog({
autoOpen: true,
show: "blind",
hide: "explode",
buttons: {
"是,我已滿18歲": function() {
Cookies.set("over18", '1');
$(this).dialog("close");
},
"請離開": function() { $(this).dialog("close");type : "cancel"; }
}
});
$("#opener").click(function() {
$("#dialog_div").dialog("open");
return false;
});
}
});
</script>
<div id="dialog_div" style="display: none;" title="電腦網際網路分級舉措">本區域依『電腦網際網路分級門徑』歸類為限制級
限制為年滿18歲已具有完整行為能力且願接管本站內影音內容
及各項條目之網友才可瀏覽，未滿18歲回絕進入。
為提防未滿18歲之未成年網友瀏覽網路上限制級內容的圖文資訊
建議您可進行網路分級基金會TICRF分級辦事的安裝與設定。
依電腦網路內容分級法，未滿18歲不得瀏覽。</div>

複製代碼

首先先下載幾個JS及CSS
jquery-1.9.1.js       jquery 主檔
jquery-ui.js             UI JS檔
js.cookie.js             Cookies JS檔
jquery-ui.dialog.css CSS設定檔

完成圖

文章出自:

我要檢舉

台長： brewerycy3

人氣(8) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 藝術設計(手創、設計、室內空間、裝潢) | 個人分類: NetYea |
此分類上一篇:PHP 導入 Composer

回應(0)

竹東網站架設 0愛的鼓勵 0訂閱站台