这效可能大家一看就会迷上的，马上会想到是不是用图层做了，动态效果很连贯。这是根据某个人主页上的原
源码改写的，是直接利用框架Frame和javascript做的，而且不需要定义任何ID或Name就可以实现此效果。
心动了吧！ =^.^= 看看下面的做法你就知道了！
页面：点这儿参观
页面：点这儿参观
制作方法
做一个上面针的框架Frame，属性如下：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
定义 top.htm 文件，将下面的代码复制到其<body>~</body>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
定义 main.htm 文件，将下面的代码复制到<head>~</head>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在 main.htm 文件内，将下面的代码复制到<body>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在 main.htm 文件内，将下面的代码复制到<body>~</body>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
其它的一些参数设置：
1、在框架页内的参数：
<FRAMESET border=0 frameSpacing=0 rows="55,*" frameBorder=0>
<FRAME name="top" marginWidth=0 marginHeight=0 src="top.htm" frameBorder=0 noResize scrolling=no>
<FRAME name="main" marginWidth=0 marginHeight=0 src="main.htm" frameBorder=0 noResize scrolling=no>
</FRAMESET>
--------------------------------------------------------------------------------
2、在 top.htm 页内的参数（举例）：
<a href="javascript:parent.main.doScroll(750);"><img src="1.gif"></a> // 链接为名称为main页面的 doscroll 函数
<a href="javascript:parent.main.doScroll(1250);"><img src="2.gif"></a> // 同上
这里的 doScroll(1250) 函数的 1250 是指显示的绝对宽度位置，也就是说这个位置，就显示到名称为 main 页面中宽为 1250 的位置，他涉及到的是位置，而不是这个位置显示的是什么东西，所以说这个效果中的8个链
接的值都代表与他相关内容的宽度值。
--------------------------------------------------------------------------------
3、在 main.htm 页内的参数：
这个页面就没有什么太多的要求，只要自己定义好与 top.htm 文件中的链接值中的宽度位置就可以了。
那个第4步骤中的<body onload=initPage();>是指页面打开后执行 initPage() 函数，这人函数在<head> 内定
义了。
至此你就可以完成这个实例了，快去试试吧！
源码改写的，是直接利用框架Frame和javascript做的，而且不需要定义任何ID或Name就可以实现此效果。
心动了吧！ =^.^= 看看下面的做法你就知道了！
页面：点这儿参观
页面：点这儿参观
制作方法
做一个上面针的框架Frame，属性如下：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
定义 top.htm 文件，将下面的代码复制到其<body>~</body>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
定义 main.htm 文件，将下面的代码复制到<head>~</head>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在 main.htm 文件内，将下面的代码复制到<body>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
在 main.htm 文件内，将下面的代码复制到<body>~</body>里
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
其它的一些参数设置：
1、在框架页内的参数：
<FRAMESET border=0 frameSpacing=0 rows="55,*" frameBorder=0>
<FRAME name="top" marginWidth=0 marginHeight=0 src="top.htm" frameBorder=0 noResize scrolling=no>
<FRAME name="main" marginWidth=0 marginHeight=0 src="main.htm" frameBorder=0 noResize scrolling=no>
</FRAMESET>
--------------------------------------------------------------------------------
2、在 top.htm 页内的参数（举例）：
<a href="javascript:parent.main.doScroll(750);"><img src="1.gif"></a> // 链接为名称为main页面的 doscroll 函数
<a href="javascript:parent.main.doScroll(1250);"><img src="2.gif"></a> // 同上
这里的 doScroll(1250) 函数的 1250 是指显示的绝对宽度位置，也就是说这个位置，就显示到名称为 main 页面中宽为 1250 的位置，他涉及到的是位置，而不是这个位置显示的是什么东西，所以说这个效果中的8个链
接的值都代表与他相关内容的宽度值。
--------------------------------------------------------------------------------
3、在 main.htm 页内的参数：
这个页面就没有什么太多的要求，只要自己定义好与 top.htm 文件中的链接值中的宽度位置就可以了。
那个第4步骤中的<body onload=initPage();>是指页面打开后执行 initPage() 函数，这人函数在<head> 内定
义了。
至此你就可以完成这个实例了，快去试试吧！
回复Comments
{commenttime}{commentauthor}
{CommentUrl}
{commentcontent}