alert.html 3.74 KB
<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>弹框示例</title>
    <link href="../newstyle/user_common.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="../newstyle/fancyalert.css">
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
    <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery.js"></script>
    <script type="text/javascript" src="../js/javascript/common/config.js"></script>
</head>
<body>
<a href="#fancyalert" id="alert">弹框</a>

<div id="fancyalert" class="fancyalert">
  <h2 class="fancyhd">
    店铺名称:农户商户测试
  </h2>
  <div class="fancybd">
    <ul class="fancyul">
      <li class="tspace">
        <h3>请选择方式</h3>
        <div class="fancydiv tspace">
          <label><input type="radio" name="1"/>关闭店铺</label>
          <label><input type="radio" name="1"/>注销店铺</label>
        </div>
        <div class="fancydiv tspace">
          <table border="0" cellpadding="0" cellspacing="0" class="fancytab">
            <tr>
              <td class="first"></td>
              <td class="bg">商品数据</td>
              <td class="bg">订单数据</td>
              <td class="bg">物流线路和车辆</td>
              <td class="bg">资金账户</td>
              <td class="bg">供应信息预售信息</td>
              <td class="bg">认证信息是否还存在</td>
              <td class="bg">是否可以登陆网站</td>
              <td class="bg">是否可以访问销售中心</td>
              <td class="bg">再次开通时商品和订单数据是否还有</td>
              <td class="bg">再次开通时域名和店铺类型是否可以重新设置</td>
            </tr>
            <tr>
              <td class="bg line">关闭店铺</td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
            </tr>
            <tr>
              <td class="bg line">注销店铺</td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has"></i></td>
              <td><i class="has not"></i></td>
            </tr>
          </table>
        </div>
      </li>
      <li class="tspace">
        <h3>请选择关闭/注销原因</h3>
        <div class="tsp"><label><input type="checkbox">原因1</label></div>
        <div class="tsp"><label><input type="checkbox">原因1</label></div>
        <div class="tsp"><label><input type="checkbox">原因1</label></div>
      </li>
      <li class="tspace">
        <h3>其他原因</h3>
        <div class="tsp">
          <textarea id="" class="fancytext"></textarea>
        </div>
      </li>
      <li class="tspace">
        <div class="btnarea">
          <a class="btnupload" href="">提交</a>
          <a class="btnupdown" href="">取消</a>
        </div>
      </li>
    </ul>
  </div>
</div>

<script type="text/javascript">
  seajs.use(['fancybox'], function () {
    $("#alert").fancybox({
      padding: 0
    });
  });
</script>
</body>
</html>