这个页面怎么做啊，若是提供些代码最好了，非常感谢_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 12:11:361024검색
图片插入不显示，5555
打开这个页面可以看图片http://img.my.csdn.net/uploads/201205/24/1337851311_6863.jpg
我自己用tab怎么用也弄不出效果来，希望点击的时候切换，鼠标滑过不切换的~
谢谢啦
回复讨论(解决方案)
参考下 jquery的
<!DOCTYPE html><html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <link rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <style type="text/css"><!-- .wrapper { margin:80px auto; width:400px; height:300px; border:1px solid #aaa; } .head { height:30px; background:#ddd; border-bottom:1px solid #aaa; line-height:30px; text-align:center; font-size:14px; font-weight:bold; } .head li { float:left; width:100px; } .head li.cur { position:relative; top:0; _top:1px; left:1px; background:#fff; border:1px solid #aaa; border-bottom:none; overflow:hidden; } .head li a { display:block; width:100px; } .con { clear:both; padding:10px; } .con li { display:none; } .con .db { display:block; } a { outline:none; } --></style> </head> <body> <div class="wrapper"> <ul class="head"> <li class="cur"><a href="#" hidefocus="hidefocus">Asp.net</a></li> <li><a href="#" hidefocus="hidefocus">PHP</a></li> <li><a href="#" hidefocus="hidefocus">mySql</a></li> </ul> <ul class="con"> <li class="db">1</li> <li>2</li> <li>3</li> </ul> </div> <script> $('.head li').click(function(){ $(this).addClass('cur').siblings().removeClass('cur'); $('.con li:eq('+$(this).index()+')').show().siblings().hide(); return false }) </script> </body></html> 参考下 jquery的
HTML code
nbsp;html>
非常感谢哈，正是我想要的~~
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.