像这种效果，你要想知道，
已经下载下来，你拆开看一下就知道了。
说说原理，这里并不是纯css3，，只是用css3定义好动画，
@-moz-keyframes tips {
0% {box-shadow: 0px 0px 0px #f00}
25% {box-shadow: 0px 0px 8px #f00}
50% {box-shadow: 0px 0px 0px #f00}
100% {box-shadow: 0px 0px 8px #f00}
}
然后，js在切屏后，用Js来触发这一个样式，这个样式调用了刚才定义的动画。
.tips {
-webkit-animation:tips 1s
-moz-animation:tips 1s
}
当然css3是可以做的，只是用纯css3，就没办法像这样可以拖动切屏，这个是需要js或者jq来完成。。。
这个问题很经典，首页了解一下html.body这两个标签是属于块标签，他会充满整个浏览器窗口，
<html></html>这组标签是无法被定义内联标签和定义宽度高度的，而这个滚动条就是属于HTML标签，所以，浏览器窗口或滚动条与body没关系；
另外，楼上有朋友说得有点复杂，简单的说用CSS 控制你的滚动条出现的位置
html,body { width:100%height:100%overflow:hidden}
div { float:leftwidth:150pxheight:100%background:#6C9overflow-y:scroll}
