这个站的ajax是怎么做的?

Question

http://www.zhuye123.com/Article/255/257/258/Article_258_1.html想请教下高手们,
该站中文章列表中当用户点击下[内容预览]链接后会自动展开预览内容这个是怎么实现的?在AjaxControlToolkit中有没有直接可以实现的控件呢?谢谢.

Answer 1

div或者tablegetElementById("divid").style.display="none";//不显示
getElementById("divid").style.display="block";//显示

Answer 2

AJAX+DIV+CSS
Jquery,ext2,prototype.js 都可以的

Answer 3

这个不是ajax吗?用js写的话应该比较麻烦吧.
JQUERY我没用过,asp.net的ajax控件之类的有没有现成的东西呢?

Answer 4

这个不是AJAX
是JS控制DIV隐藏造成的效果

Answer 5

的确不是ajax,替你找了下其中的核心代码,如下:
<script type="text/javascript">
var contents = document.getElementsByClassName('list_news_content');
var toggles = document.getElementsByClassName('list_news_dis');
var myAccordion = new fx.Accordion(
toggles, contents, {opacity: true, duration: 400}
);
myAccordion.showThisHideOpen(contents[0]);
</script>
<div class="pageMainArea">
<script src="/Article/js/showpage.js" type="text/javascript"></script>

Answer 6

刚才又仔细看了下该代码,虽然是没用到ajax,但是作者还是用到了prototype框架了解决了浏览器兼容问题,
楼主在引用的时候要记的还要加上两段代码放head上,代码如下:
<SCRIPT src="js/Prototype.js" type="text/javascript"></SCRIPT>
<SCRIPT src="js/moo_fx.js" type="text/javascript"></SCRIPT>

Answer 7

非AJAX 技术，是JS控制DIV隐藏实现的效果！

Answer 8

Prototype js框架
www.prototypejs.org