TShopping

標題: JQuery dialog 分級視窗 [打印本頁]
作者: woff    時間: 2022-7-13 14:27
標題: JQuery dialog 分級視窗
完成圖


首先先下載幾個JS及CSS
jquery-1.9.1.js         jquery 主檔
jquery-ui.js              UI JS檔
js.cookie.js              Cookies JS檔
jquery-ui.dialog.css   CSS設定檔
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2. <script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  3. <script type="text/javascript" src="{$template_dir}/js/js.cookie.js"></script>

  5. <link type="text/css" rel="stylesheet" href="{$template_dir}/css/jquery-ui.dialog.css" />
  6. <script>

  8. $(function(){
  9.           //alert(Cookies.get("over18"));
  10.         //設定over18是否為1
  11.         if (Cookies.get("over18")!="1") {
  12.                 $("#dialog_div").css('zIndex',9999);
  13.                 $("#dialog_div").dialog({
  14.                                 autoOpen: true,
  15.                                 show: "blind",
  16.                                 hide: "explode",
  17.                                 buttons: {
  18.                                         "是,我已滿18歲": function() {
  19.                                                 Cookies.set("over18", '1');
  20.                                                 $(this).dialog("close");                                       
  21.                                 },
  22.                                 "請離開": function() { $(this).dialog("close");type : "cancel"; }
  23.                         }
  24.                 });
  25.                 $("#opener").click(function() {
  26.                         $("#dialog_div").dialog("open");
  27.                         return false;
  28.                 });
  29.         }
  30. });

  32. </script>

  34.         <div id="dialog_div" style="display: none;" title="電腦網際網路分級辦法">本區域依『電腦網際網路分級辦法』歸類為限制級
  35.                                     限定為年滿18歲已具有完整行為能力且願接受本站內影音內容
  36.                                     及各項條款之網友才可瀏覽，未滿18歲謝絕進入。
  37.                                     為防範未滿18歲之未成年網友瀏覽網路上限制級內容的圖文資訊
  38.                                     建議您可進行網路分級基金會TICRF分級服務的安裝與設定。
  39.                                     依電腦網路內容分級法，未滿18歲不得瀏覽。</div>
複製代碼

文章出處： NetYea 網頁設計



歡迎光臨 TShopping (http://www.tshopping.com.tw/) Powered by Discuz! X3.2