首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 一个bug~我是菜鸟不太懂.大侠进来!看看~~~

一个bug~我是菜鸟不太懂.大侠进来!看看~~~

时间：2009-03-17

来源：互联网

一个tab的切换效果.
如果将下面获得c改成固定数值0 1 2,效果没有问题.

复制代码
  1. <script src="jquery.js"></script>
  2. <style>
  3. div { height:100px; background:#369;}
  4. li { background:#ccc;}
  5. li:hover { background:green}
  6. li.on { background:red}
  7. </style>
  8. <script>
  9. $(function(){
  10. $(".txt li").hide();
  11. //隐藏所有txt下li
  12. $(".list li").click(function(){ $(this).addClass("on").siblings().removeClass("on");
  13. //点击list里li,当前li添加样式on,其他li除去样式on
  14. var c = $(this).attr("k");
  15. //获得点击li的k值.
  16. //alert(c);
  17. $(".txt li").eq(c).show().siblings().hide();
  18. //对应控制txt里li的显示.
  19. alert($(".txt").html());
  20. //点击list内的3个li查看显示内容. 一次输出block none none ; none none none; none none block;  为什么第二个不是none block none;搞不清楚.
  21. });
  22. })
  23. </script>
  24. </head>
  25. <body>
  26. <div class="list">
  27. <ul>
  28. <li k=0>1111</li>
  29. <li k=1>2222</li>
  30. <li k=2>3333</li>
  31. </ul>
  32. </div>
  33. <div class="txt">
  34. <ul>
  35. <li>1111</li>
  36. <li>2222</li>
  37. <li>3333</li>
  38. </ul>
  39. </div>
  40. </body>

作者: conjees   发布时间: 2009-03-17

在线等答案

作者: conjees   发布时间: 2009-03-17

我这里挺好啊，楼主是哪个浏览器，哪个版本的jq?

作者: shawphy   发布时间: 2009-03-17

ie6啊,   ff也不正常啊

你看一下第二个的效果,下面的对应标签不显示

作者: conjees   发布时间: 2009-03-18

忽悠我呢吧~~ 我让别人给我看了,也不正常

作者: conjees   发布时间: 2009-03-18

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net