利用jQuery實現漸現漸隱彈出層代碼



30 117 40



特效描述:利用jQuery實現 漸現漸隱 彈出層代碼,利用jQuery實現漸現漸隱彈出層代碼

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery.1.7.2.min.js"></script>

2. HTML代碼

<div class="btn_content">
  <button style="float:left" id="open">彈出</button>
  <button style="float:left" id="close">折疊</button>
</div>
<div class="PopupLayer"> <a class="close"></a>
  <p> 比爾蓋茨發現你正在用IE瀏覽器,緊緊握住您的手,使勁兒的那個搖。 <br />
    拉里?佩吉發現您正在用IE瀏覽器,聳了一下肩,搖頭笑笑。 <br />
    喬布斯發現您正在用IE瀏覽器,打算從天國下來和你聊聊。 <br />
    我們發現您正在用IE瀏覽器,打算給您點建議: <span>親!在下面挑一個新款瀏覽器升級吧!</span> </p>
  <ul>
    <li><a href="https://51qianduan.com/" title="下載谷歌瀏覽器"><img src="images/chrome.jpg" /></a></li>
    <li><a href="http://51qianduan.com/" title="下載火狐瀏覽器"><img src="images/firefox.jpg" /></a></li>
    <li><a href="http://51qianduan.com/" title="下載Safair瀏覽器"><img src="images/safair.jpg" /></a></li>
    <li><a href="http://51qianduan.com/" title="下載Opera瀏覽器"><img src="images/opera.jpg" /></a></li>
    <li><a href="http://51qianduan.com/" title="下載IE9瀏覽器"><img src="images/ie9.jpg" /></a></li>
  </ul>
  <a class="btn" href="#.">我知道了</a> </div>
<div style="text-align:center;clear:both">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 漸隱切換 淡出淡進 淡出 淡進 切換按鈕 表單 表單美化 表單插件 表單美化插件 滑動選項卡 滑動切換 文字淡出淡進 文字淡出 文字淡進 提示框/彈出層 按鈕控制
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子