這個效果我通過參考賽我網上的個別效果而參考而來,他的比較復雜,因為結合了其他的一些功能,在這里我就是簡要的總結 " /> 男女羞羞视频在线观看免费,欧美日韩中文字幕在线,999久久久国产999久久久

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

用Div仿showModalDialog模式菜單的效果的代碼

今天研究了下用Javascript結合DIV來制作當前窗體顯示模式窗體,并使子窗體不能操作的一個小例子!

這個效果我通過參考賽我網上的個別效果而參考而來,他的比較復雜,因為結合了其他的一些功能,在這里我就是簡要的總結下這個效果的一點原理:

第一步:定義一個浮于基層之上的DIV浮動層,默認顯示模式為隱藏,相關代碼如下:


<div id="buySelName" class="modalDiv" style="position:absolute;left:300px; top:140px;z-index:2;display:none;">
</div>


第二步:定義一個包含iframe的浮動Div對象,寬高都是100%,背景色為白色,設置alpha透明度為50%,主要作用能顯示較好的效果;


<div id="disableDiv" style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color:#000000; border: 0px none #000000; FILTER:alpha(opacity=50);display:none;";><iframe src="about:blank" name="hiddenIframe" width="100%" height="100%"></iframe></div>


第三步:制作輸出內容DIV:


<div id="objText" style="display:none;">
<div class="modalheader">
  <div class="header">
   <div class="mleft">
    <div class="boxheader-text"><span class="b">顯示窗體</span></div>
   </div>
   <div class="btnright"><a href="Javascript:ShowModal('buy');"><img src="close.gif" alt="關閉" /></a></div>
  </div>
</div>
<div class="modalbody">
  希望能大家多多交流!
</div>
</div>


第四步:編寫相關Javascript腳本:

<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowModal(dname)
{
  var buyDiv=document.getElementById(dname+'SelName');
  var objDiv=document.getElementById('objText');
  var disable=document.getElementById('disableDiv');
  if(buyDiv.style.display=='none')
  {
   buyDiv.style.display='block';
   disable.style.display='block';
   buyDiv.innerHTML=objDiv.innerHTML;

  }else{
   buyDiv.style.display='none';
   disable.style.display='none';
  }
}
//-->
</SCRIPT>
效果演示
下載文件 下載此文件

JavaScript技術用Div仿showModalDialog模式菜單的效果的代碼,轉載需保留來源!

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

主站蜘蛛池模板: av 一区二区三区 | 天天操天天舔 | 久久成人精品视频 | 久久蜜桃av一区二区天堂 | 欧美亚洲综合久久 | 亚洲成人一级片 | 国产精品无码永久免费888 | 日韩av一区二区在线 | 日本福利视频免费观看 | 日韩免费网站 | 午夜视频大全 | 天天干天天操 | 日本不卡一区二区三区在线观看 | 日韩精品一区二区三区在线播放 | 日韩中文字幕区 | 国产一区免费 | 91一区二区三区 | 羞羞视频网站免费看 | 日韩精品一区二区三区中文在线 | 国产在线a视频 | 欧美成视频 | 免费观看a级毛片在线播放 黄网站免费入口 | 91福利网址 | 久久精彩视频 | 国产精品永久免费观看 | 欧美久久久久久久久 | 日本欧美国产在线观看 | 在线观看国产wwwa级羞羞视频 | 日本精品裸体写真集在线观看 | 国产精品久久久久久久久免费 | 日操夜操 | 99免费精品视频 | www.伊人.com | 欧美日韩精品中文字幕 | 激情欧美日韩一区二区 | 精品一区二区三区四区 | 亚洲一区二区三区四区五区中文 | 欧美视频免费 | 国产一区二区三区久久久久久久久 | 精品无码久久久久久国产 | 亚洲精品欧美 |