jQuery帶焦點圖網上開戶表單代碼



101 401 134



特效描述:jQuery帶焦點圖 網上開戶表單,jQuery帶焦點圖網上開戶表單代碼

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.72.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/HQFn.js"></script>
<script type="text/javascript" src="js/fan.js"></script>

3. HTML代碼

<div class="index-banner">
	<div class="head-login">
		<div class="login-right">
			<div class="fan0508-hdnav">
					<ul>
						<li class="on">貴金屬投資</li>
						<li class="last-li">石油投資</li>
					</ul>
				</div>
				<div class="fan0508-bdnav">
					<div class="regist-ul" id="reg">
                    <form action="#" method="post" name="" target="_self">
						<ul>
							<li style="display: none;">
								<input class="username" type="" placeholder="姓名">
							</li>
							<li>
								<input class="telinput" type="" placeholder="">
							</li>
							<li>
								<input class="codenput" type="" placeholder=""><code class="get-yz">獲取驗證碼</code> </li>
						</ul>
						<p class="clear"></p>
						<input type="submit" class="openAccount-down" value="馬上開戶">
                      </form>
					</div>
					<div class="regist-ul" id="SYreg" style="display:none">
                    	<form action="#" method="post" name="" target="_self">
						<ul>
							<li style="display: none;">
								<input class="username" type="" placeholder="姓名">
							</li>
							<li>
								<input class="telinput" type="" placeholder="">
							</li>
							<li>
								<input class="codenput" type="" placeholder=""><code class="get-yz">獲取驗證碼</code> </li>
						</ul>
						<p class="clear"></p>
						<input type="submit" class="openAccount-down" value="馬上開戶">
                        </form>
					</div>
				</div>
		</div>
	</div>
	<div class="hd">
      <ul class="num">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
  </div>
  <div class="bd">
    <ul class="pic" >
      <li> <a href="#"><img src="images/banner01.jpg" width="1200" height="280" /></a> </li>
      <li> <a href="#"><img src="images/banner02.jpg"  width="1200" height="280" /></a></li>
      <li> <a href="#"><img src="images/banner03.jpg"  width="1200" height="280" /></a></li>
      <li> <a href="#"><img src="images/banner02.jpg"  width="1200" height="280"/></a> </li>
    </ul>
  </div>
  <div class="pnBtn prev"> <span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"></a> </div>
  <div class="pnBtn next"> <span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"></a> </div>
</div>



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


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 切換按鈕 表單 表單美化 表單插件 表單美化插件 圖片切換 圖片選項卡 圖標選項卡 文本框 text文本框 選項卡自動切換 注冊框 驗證碼 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子