[查看演示] 源码如下
----------------------------------------------------------
<html>
<head>
<title>Drag Scoll－www.51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#67727E" text="#CCCCCC" onmousemove="sl()" onselectstart="return(false)">
<script>
function sl(){
with(document.body)with(event)with(Math){
if(button==1){
var Ypoz=round(sin(y/(clientHeight))*y);
var Xpoz=round(sin(x/(clientWidth))*x);
window.scroll(Xpoz*(scrollWidth/clientWidth),Ypoz*(scrollHeight/clientHeight))
style.cursor='move';
}
else style.cursor='default';
}
}
if(document.all)document.write("<style>body{overflow:hidden}<\/style>")
</script>
<center style="zoom:1">
<p>在</p>
<p>更加</p>
<p>注重</p>
<p>用户体验</p>
<p>和</p>
<p>操作效率</p>
<p>的</p>
<p>今天</p>
<p>,</p>
<p>良好的</p>
<p>UI设计</p>
<p>显得</p>
<p>尤为</p>
<p>重要</p>
<p>.</p>
<p>如今</p>
<p>它</p>
<p>已</p>
<p>成为</p>
<p>设计者们</p>
<p>潜心</p>
<p>研究</p>
<p>的</p>
<p>课题</p>
<p>.</p>
<p>在</p>
<p>美观</p>
<p>和</p>
<p>实用</p>
<p>的</p>
<p>同时</p>
<p>,</p>
<p>能</p>
<p>大幅</p>
<p>提高</p>
<p>用户</p>
<p>操作</p>
<p>效率</p>
<p>的</p>
<p>设计</p>
<p>就是</p>
<p>好的</p>
<p>设计</p>
<p>.</p>
<p>-</p>
<p>-</p>
<p>-</p>
<p>隐式</p>
<p>滚动</p>
<p>.</p>
</center>
</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> |
