参考站点:http://acquia.com/
jcarousel ?
参考站点:http://www.apple.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/
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/