HTML+CSS模拟登录界面
html吧
全部回复
仅看楼主
level 2
Florasweets 楼主
求大神赐教
问题：头上那个登陆注册是怎么实现左右点击切换的？！！！
2014年09月24日 03点09分 1
level 8
我行我素zdx
用js
2014年09月24日 04点09分 2
Florasweets
是用表格形式写吗？2列？
2014年09月24日 05点09分
我行我素zdx
回复 Florasweets :两个div 一个隐藏 一个显示 会js才行
2014年09月24日 05点09分
Florasweets
回复 我行我素zdx :我们要求HTML+CSS。我用VS的HTML页面写，都用div吗
2014年09月24日 05点09分
我行我素zdx
回复 Florasweets :都用div
2014年09月24日 06点09分
level 2
花之美味佳肴0
网上可以搜个js/
2014年09月24日 07点09分 5
level 7
kaiyuchen1208
css或者js
2014年09月26日 02点09分 6
level 10
紫菜焖馒头🐴
就是2个div显示隐藏切换就可以了
2014年09月26日 09点09分 7
level 11
热血夏
表示jq做得出来
2014年09月26日 09点09分 8
level 11
热血夏
html
<div class="tabsContentList">
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div>
<ul>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
<div>
<ul>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
</ul>
</div>
</div>
JQ
$(function () {
$(".tabsDiv>.contentDiv>.tabsContentList>div").hide();//隐藏所有div，不显示
$(".tabsDiv>.contentDiv>.tabsContentList>div:first").show();//显示第一个div
//点击a标签，显示相对应的div，隐藏其他div
$(".tabsDiv>.contentDiv>.tabsDoList>a").on("click", function () {
$(".tabsDiv>.contentDiv>.tabsContentList>div").hide().eq($(this).index()).show();
})
})
一定要把 jquery-1.11.1.min.js 这个文件下载下来，然后弄上链接在你想要弄的网页里。这个东西网上有，去找找吧。
2014年09月26日 09点09分 9
1