jQuery實用的手機充值選擇效果



101 402 135



特效描述:手機充值選擇 手機充值效果,jQuery手機充值效果

代碼結構

1. 引入CSS

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

2. 引入JS

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

3. HTML代碼

<div class="w_1200 fw_box ">
  <div class="left_nav">
    <ul class="bzzx_nav_list">
      <li > <a href="#" class="icon_1" >會員服務</a> </li>
      <li class="on" > <a href="#" class="icon_2"> 職位發布</a> </li>
      <li > <a href="#" class="icon_3"> 職位刷新</a> </li>
      <li > <a href="#" class="icon_4"> 職位置頂</a> </li>
      <li > <a href="#" class="icon_5"> 簡歷下載</a> </li>
      <li > <a href="#" class="icon_6"> 廣告服務</a> </li>
      <li > <a href="#" class="icon_7"> 展位預定</a> </li>
    </ul>
  </div>
  <div  class="fw_conent"> 
    <!--內容開始------------------------------>
    <div class="bzzx_bt"> <strong>職位發布</strong>企業購買職位發布服務后可以發布招聘職位,并對已發布的職位進行<span>編輯、刷新、置頂</span>等管理</div>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="zwfb_shop_table">
      <tr valign="top">
        <td align="right" width="70">服務名稱:</td>
        <td><ul class="fwmc_xxk">
            <li class="on">
              <p>職位發布服務服務</p>
              <i>600</i>元</li>
            <li >
              <p>職位發布服務服務</p>
              <i>500</i>元</li>
            <li >
              <p>職位發布服務服務</p>
              <i>400</i>元</li>
            <li >
              <p>職位發布服務服務</p>
              <i>300</i>元</li>
            <li >
              <p>職位發布服務服務</p>
              <i>200</i>元</li>
            <li >
              <p>職位發布服務服務</p>
              <i>100</i>元</li>
          </ul></td>
      </tr>
      <tr>
        <td align="right">職位數量:</td>
        <td><div class=" zwsl_num">50個<span>職位數量職位書名</span></div> </td>
      </tr>
      <tr>
        <td height="20"></td>
        <td></td>
      </tr>
      <tr>
        <td align="right">購買數量:</td>
        <td><ul class="nmb_jj">
            <li class="jian">-</li>
            <li>
              <input name="" type="text" value="1" class="srkk" />
            </li>
            <li class="jia">+</li>  
          </ul></td>
      </tr>
      <tr>
        <td height="20"></td>
        <td></td>
      </tr>
      <tr>
        <td align="right">價格:</td>
        <td><div class="zwfb_zje"><span>600</span> <i>元</i></div></td>
      </tr>
      <tr>
        <td height="20"></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td><a class="ty_but ml20" href="#">購 買</a></td>
      </tr>
    </table>
    <div class="gmxz_tip"> 購買須知:
      <p>1.職位發布服務購買后有效期為自購買之日起24個月,過期將會自動作廢。</p>
      <p> 2.本次服務購買后即生效,不支持退費服務。</p>
    </div>
    <!--內容結束------------------------------> 
  </div>
</div>



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


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 切換按鈕 表單 表單美化 表單插件 表單美化插件 選項卡自動切換 按鈕控制 表單提交
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

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