jQuery实用的手机充值选择效果



86 342 115



特效描述:手机充值选择 手机充值效果,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

加群请备注:从官网了解到