已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > PHP > 源码

标题: 这个是怎么做到的?

作者: @Ta

时间: 2014-06-06

点击: 5808

网址是http://wap.9acl.com/
像他那样,点击"最新"或者是"随机"后,在不从新加载的情况下变换内容,是怎么做到的?
求代码!求详解!
本人新手,在此致谢!

[隐藏样式|查看源码]


『回复列表(18|隐藏机器人聊天)』

1. 涂鸦的那块!
Screenshot_2014-06-06-09-20-47-1.jpg
(/@Ta/2014-06-06 09:33//)

2. 骨灰级的模板,HTML+css+js
(/@Ta/2014-06-06 09:37//)

3. @molf,怎么做到的?求代码!谢谢
(/@Ta/2014-06-06 09:43//)

4.
<li onClick="tab(this,'tab-list-8')">最新</li><li onClick="tab(this,'tab-list-8')">随机</li>

就是这样,用onClick来调用JavaScript。
另外这个网站的Html极不规范,还好意思用xhtml1-transitional.dtd。
(/@Ta/2014-06-06 09:45//)

5. @xlm,没有结尾???
(/@Ta/2014-06-06 09:52//)

6. @xlm,然后呢?底下列表的内容怎么写?CSS呢?本人js一窍不通!麻烦你了!
(/@Ta/2014-06-06 09:56//)

7. 别沉啊!大家来帮帮忙!!!!!
(/@Ta/2014-06-06 10:10//)

8. 点击过后通过改变 ##li[class] 来改变标签的颜色。
然后把 ##div[id^="tab-list-"] > div[class="list-current"] 改变成 ##div[class=""] ,然后根据选项,把第n个 ##div[class=""] 改为 ##div[class="list-current"] 。
根据css显示的控制,
.tab-list div {
    display: none;
}
使 ##div[class=""] 不被显示出来。
(/@Ta/2014-06-06 10:11//)

9. 控制的关键js脚本:
function tab(obj, id) {
    var shuzu_li = obj.parentNode.getElementsByTagName("li");
    var shuzu_nr = document.getElementById(id).getElementsByTagName("div");
    for (var i = 0; i < shuzu_nr.length; i++) {
        if (obj == shuzu_li[i]) {
            shuzu_li[i].className = "tab_current";
            shuzu_nr[i].className = "list-current"
        } else {
            shuzu_li[i].className = "";
            shuzu_nr[i].className = ""
        }
    }
}
(/@Ta/2014-06-06 10:16//)

10. 其实纯CSS就可以实现。
(/@Ta/2014-06-06 10:21//)

11. @泪儿,貌似是js
(/@Ta/2014-06-06 10:48//)

12. @水木易安,怎么实现,教教我!
(/@Ta/2014-06-06 11:50//)

13. @水木易安,教教我谢谢!
(/@Ta/2014-06-06 11:51//)

14. 这里有
lg9.pw@泪儿
(/@Ta/2014-06-06 21:17//)

15. [tab=新帖|精华|热帖|随机][bbs=0_10_1_0_2]|[bbs=0_10_3_0_2]|[bbs=0_10_2_0_2]|[bbs=0_10_5_0_2][/tab]
(/@Ta/2014-06-07 16:15//)

16. 楼下的高手想的太复杂了,就是几个ubb
(/@Ta/2014-06-07 16:17//)

17. 页面加载的时候就把数据都取出来了,只是隐藏了而已,当你点击某个标签的时候把这个标签的内容显示出来,把别的标签内容隐藏掉
(/@Ta/2014-06-07 16:23//)

18. @泪儿,你看新浪和腾讯等大型导航都有,好像是ul的css神马做出来的,不懂,也可以用css+js做出来
(/@Ta/2014-06-08 21:22//)

回复需要登录

9月27日 17:06 星期六

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1