跟着滚动条的层 - 好素材 - [HTTP://WWW.HAOSC.COM]

		链接类

		VML

		按钮类

		标题类

		表单类

		表格类

		菜单类

		窗口类

		对象类

		滚动条

		键盘类

		框架类

		例子类

		模拟类

		日期类

		色彩类

		鼠标类

		数学类

		图片类

		文字类

		下拉框

		样式类

		游戏类

		状态栏

		资料类

		字幕类

		其它类

·拖动滚动条
·Cookie记住滚动...
·滚动条颜色生成器
·控制表格内的滚动条
·局部滚动
·拖动页面
·双击滚屏

您当前位置：好素材首页 -> 网页特效 -> 滚动条

查看信息

跟着滚动条的层

好素材网 www.HaoSc.com 02月22日 11:49

[查看演示] 源码如下
----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>跟着滚动条的层－www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>
<body bgcolor="#CCDDFF">
<script language=javascript>
document.write("<DIV id=MovedDiv style='left:25px;POSITION:absolute;TOP:20px;'><a href='#top'><<返回顶部</a></div>");
lastScrollY=0;
function backtop()
{
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)
{
percent=Math.ceil(percent);
}
else
{
percent=Math.floor(percent);
}
document.all.MovedDiv.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
window.setInterval("backtop()",10);
</script>

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 

 
</body>
</html>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

此信息共 1 页 [1]