<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://areaaperta.com/nicescroll/js/jquery.nicescroll.min.js"></script>
<meta charset=utf-8 />
<title>NiceScroll演示</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
div{overflow: auto;height: 200px;}
label{color:#A00;}
</style>
</head>
<body>
<label>一般示例：</label>
<div id="ex1">
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记/下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
</div>
<label>自定义颜色：</label>
<div id="ex2">
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记/下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
</div>
<label>官方演示：<a href="http://areaaperta.com/nicescroll/demo.html">http://areaaperta.com/nicescroll/demo.html</a></label>
</body>
</html><script>$(document).ready(function(){
$("#ex1").niceScroll();
$("#ex2").niceScroll({cursorcolor:"#A00"});
});
</script>
<style>
<!--.Controls{position:absolute;z-index:9999;right:30px;top:10px;width:80px;height:30px;line-height:30px;background-color:#eee;opacity:0.5;font-size:10px;text-align:center;}
.Controls a{text-decoration:none;margin:10px 5px;}-->
.GoEdit{opacity: 0; position: fixed; top: -1px; right: -1px; padding: 5px 10px; background-color: rgb(204, 204, 204); color: rgb(51, 51, 51); text-shadow: rgb(255, 255, 255) 0px 1px 1px; border-top-right-radius: 5px; border: 1px solid rgb(153, 153, 153); text-decoration: none; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: 'Helvetica Neue', Arial, Helvetica; -webkit-transition: opacity 100ms ease-out; background-position: initial initial; background-repeat: initial initial; }
</style>
<script type="text/javascript" src="/tools/jsbin/edit.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2b9232a7b0ced15280772333a4ec7c3a' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- Generated by OSCTools.NET (Mon Jul 30 14:10:20 CST 2012) 5ms -->
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://areaaperta.com/nicescroll/js/jquery.nicescroll.min.js"></script>
<meta charset=utf-8 />
<title>NiceScroll演示</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
div{overflow: auto;height: 200px;}
label{color:#A00;}
</style>
</head>
<body>
<label>一般示例：</label>
<div id="ex1">
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记/下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
</div>
<label>自定义颜色：</label>
<div id="ex2">
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记/下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
<p>你正在苦心研究一段绪乱如麻的程序(或其它问题)。你非常的清楚这段程序是干什么用的，你只是在想尽办法用另外一种更好的语言实现它。经过数小时跟它那错综复杂的逻辑纠缠不清，经过了无数次修改—编译—调试—恢复—重复循环后，你双手一甩，放弃，走人.</p>
<p>可是突然的，当你做饭时，或看电影时，或边冲澡边想着午饭吃什么面，或只是正在专心干其它事情时——灵感来了。一个绝妙的方案从天而降，如此优雅，如此简单，你奇怪当时怎么就没想到这些。</p>
<p>你迅速的在脑子里打了个草稿(或用Evernote、notepad什么的东西记下来)，此时，手头的其它事都不想做了，你迅速的打开 vim编辑器，直接把事情解决了。你就是这样做事情的。</p>
<p>加密锁最终打开了——也许你听到了暗锁“咔嚓”一声响——搞定了。你后退一步，惊奇于它的美丽。你能感觉到这神秘的盒子发出的红光热印到你脸上。世界又恢复的次序。对于任何面对的问题，你都是专家——没有你解决不掉的难题，没有你过不去的河。</p>
</div>
<label>官方演示：<a href="http://areaaperta.com/nicescroll/demo.html">http://areaaperta.com/nicescroll/demo.html</a></label>
</body>
</html><script>$(document).ready(function(){
$("#ex1").niceScroll();
$("#ex2").niceScroll({cursorcolor:"#A00"});
});
</script>
<style>
<!--.Controls{position:absolute;z-index:9999;right:30px;top:10px;width:80px;height:30px;line-height:30px;background-color:#eee;opacity:0.5;font-size:10px;text-align:center;}
.Controls a{text-decoration:none;margin:10px 5px;}-->
.GoEdit{opacity: 0; position: fixed; top: -1px; right: -1px; padding: 5px 10px; background-color: rgb(204, 204, 204); color: rgb(51, 51, 51); text-shadow: rgb(255, 255, 255) 0px 1px 1px; border-top-right-radius: 5px; border: 1px solid rgb(153, 153, 153); text-decoration: none; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: 'Helvetica Neue', Arial, Helvetica; -webkit-transition: opacity 100ms ease-out; background-position: initial initial; background-repeat: initial initial; }
</style>
<script type="text/javascript" src="/tools/jsbin/edit.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2b9232a7b0ced15280772333a4ec7c3a' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- Generated by OSCTools.NET (Mon Jul 30 14:10:20 CST 2012) 5ms -->
2793
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
