页内导航滚动效果

[lisweden]

需求是：页内有一篇文章，有很多章节，通过一个目录进行文章章节导航，如：<a href="#Chapter4">第四章</a>，这样会直接跳到第四章，如何实现一个滚动的效果，以滚动式导航到第四章，导航的章节在下面，则向下滚动，章节在上面，则向上滚动。
自已用window.scrollto()写了一下，没实现，求大侠指教下！

[lisweden]

回7楼：标签就是这样用的，我要的是点击后，以滑动的形式跳到该章，而不是直接跳转

[CalvinR]

[1800包吃包住]

1.从右往左

代码：<MARQUEE scrollAmount=2 direction=left>从右向左滚动</MARQUEE>

2.从左往右

代码：<MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>

3.左右反弹

代码：<MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>

4.自上往下

代码：<MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>向下移动的文字<BR>向下移动的文字</MARQUEE>

5.自下往上

代码：<MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>向上移动的文字<BR>向上移动的文字</MARQUEE>

6.上下反弹

代码：<MARQUEE style="WIDTH: 708px; HEIGHT: 150px" scrollAmount=2 direction=up behavior=alternate>上下反弹</MARQUEE>

7.左右抛物线

代码：<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%">
<MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>

8.菱形跳动

代码：<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%">
<MARQUEE direction=right behavior=alternate>文字来回波浪式移动</MARQUEE></MARQUEE>

9.闪现文字

代码：<MARQUEE behavior
<MARQUEE scrollAmount=5 width=150>躲躲字，跑给你追</MARQUEE></MARQUEE>

10.原地跳动

代码：<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE=alternate>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=80>快</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>乐</MARQUEE>

[1800包吃包住]

http://blog.sina.com.cn/s/blog_3f09b6bc0100cpy6.html

[1800包吃包住]

参数以及应用

[lisweden]

首先非常感谢楼上的。不是我要的需求，所要的滚动效果是，通过A标签以滚动的形式导航到相应的章节。文章是放在一个DIV里的，并设置了overflow：auto;

[1800包吃包住]

那就用JS吧！！！

[1800包吃包住]

你所说的滚动特效不知道是什么样子
你可以到网上去找一些特效的例子！

[huayy]

用书签就行了呀

<a href="#a">点击到第一章</a>
<a href="#b">点击到第二章</a>



在第一章内容处插入代码
<a name="a"></a>


在第二章内容处插入代码
<a name="b"></a>

[lisweden]

自已顶上去

[lisweden]

效果：点击 Read the rules 出现的滚动效果，如何实现