2012-01-17 138 views
0

祝您有美好的一天,亲爱的程序员! 关于G +是块帖子;关于;相片;视频 https://plus.google.com/109813896768294978296/posts 当您点击关于示例时,div的底部会有一个包含特定内容的更改。据我了解,意识到这并不困难,但恐怕写十行代码很肮脏,因为除了jquery,因为我只是一个初学者。有人可以推动正确的轨道,或者展示它已经在演示中用源代码实现的位置吗?谢谢!更改div块onclick

<div id="109813896768294978296-posts-page" class="c-ha-If" role="tabpanel" aria-hidden="false">…</div> 


<div id="109813896768294978296-about-page" class="c-ha-If c-ha-jb" role="tabpanel" aria-hidden="true">…</div> 
+0

[链接](http://onlinetools.org/tools/domtabdata/)[链接](http://livepipe.net /控制/选项卡)**与AJAX - ** [链接](http://www.crackajax.net/tabs.php)[链接](http://www.developersnippets.com/?p=22)[链接](http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html) – user1103744

回答

1

有发生的两件事情,当你点击关于从帖子。它似乎是动态添加和删除CSS类。你可以用http://api.jquery.com/addClass/http://api.jquery.com/removeClass/做什么。

至于从URL加载数据到一个div,使用http://api.jquery.com/jQuery.get/。 获得数据后,您可以使用http://api.jquery.com/html/

如果您已经加载的一切,并希望实现标签切换:http://jqueryui.com/demos/tabs/

+0

** Aram Kocharyan **优秀!非常感谢您的回复,我非常感谢! 最好没有jQuery,但它可能在将来当我会教自己javascript – user1103744

+0

哦,我忘了提到你确实需要javascript。不过,我已经看到CSS3做了很棒的事情,但大多数人会在js中实现它。从这里开始:http://www.w3schools.com/js/我也在推迟很长一段时间,但我坐下来,并在一天结束时捡起它。如果你在编程之前编写了任何东西,那么它就是一团糟。如果你还没有,这是一个简单的语言,让你第一次。 –