利用jQuery CSS3實現仿IOS無線局域網Wifi



16 62 21



特效描述:利用jQuery CSS3實現 仿IOS 無線局域網Wifi,利用jQuery CSS3實現仿IOS無線局域網Wifi

代碼結構

1. 引入CSS

<link href="base.css" type="text/css" rel="stylesheet">

2. 引入JS

<script src="js/jquery-1.7.min.js"></script>
<script src="js/common.js"></script>

3. HTML代碼

<div class="container">
      <div class="outline">
            <span>無線局域網</span><div class="button"></div>
            <div class="clear"></div>
      </div>
      <div class="load"><span>選取網絡...</span><img src="images/loading.gif" /></div>
      <div class="list">
            <ul>
                <li><span>wifi-1</span><div class="line"></div>
                    <img src="images/1.png" class="direct" />
                    <div class="signal"></div>
                </li>
                <li><span>wifi-2</span><div class="line"></div>
                    <img src="images/1.png" class="direct" />
                    <div class="signal"></div>
                </li>
                <li><span>wifi-3</span>
                    <img src="images/1.png" class="direct" />
                    <div class="signal"></div>
                </li>
            </ul>
            <div class="clear"></div>
      </div>
</div>     
      <div class="mask"></div>
      <div class="floatBox">
            <div class="Info">無法連接網絡</div>
            <div class="BtnSet">
             <input type="button" class="cancel"/></button>
             <input type="button" class="ok"/></button>
            </div>
      </div>



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


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 提示框/彈出層 按鈕控制 h5按鈕動畫 html5按鈕動畫
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

湖北30选5开奖结果走势图表