如何实现这样的新闻头条自动切换

http://acquia.com/

http://acquia.com/ :
使用views2.0+
只顯示一個節點, mini pager, enable ajax
再改一點點的theme 就可以了

但它實際上並沒有使用ajax (也不似用views)
一開始它已經preload 了全部條目
再使用jquery 一個一個顯示

--------------------------------
Joetsui's blog

谢谢,回去试试

谢谢,回去试试

实现方法参考

你好,

新闻头条自动切换效果,实际上使用的是jQuery的animate方法。推荐你看下面一个网址的效果,并查看其源码,你就明白了。
http://www.ndoherty.com/demos/coda-slider/1.1.1

基本原理就是:
1. 设置一个div容器,如div_container, 设置其固定的width, 并将其设为overflow: hidden
2. 在这个div容器中,设置一个div,如div_content, 里面再放置一堆float: left的div, 每个div里就是要显示的新闻内容。div_content的长度应该是所有新闻div的总width。
3. 然后根据点击,使用jquery的animate把div_content的marginleft进行修改,就实现了左移的效果。

Hope this helpful.

欢迎访问Dr.Fang's Drupal Chanel
http://doctor-fang.blogspot.com/