[Đóng góp] Rê chuột làm trang lên xuống từ từ

  Bài viết hay nhất1
Thêm một chút rảnh rỗi trong khi ôn thi :P
Cái này chỉ để cho đẹp thôi nha, ai thích dùng thì dùng

Chức năng:
  • khi rê chuột qua trái hay phải thì nó lên hoặc xuống
  • Thanh Scrollbar lên xuống sẽ mất đi
  • Vẫn dùng được con lăn ở chuột cho những ai mất kiên nhẫn =))


Demo: http://ncatblog.tumblr.com/
Nhấn phím F12 rồi rê trái rê phải úm xì bùa

Code: Thêm vào cuối Overall Header
Code:
<div class="Tophover" onmouseover="topHover()" onmouseout="stopHover()"></div>
<div class="Bottomhover" onmouseover="bottomHover()" onmouseout="stopHover()"></div>
<script>
var hoverTop;
var hoverBottom;
function topHover() {hoverTop = setInterval(function(){window.scrollBy(0,-1)}, 0.05);}
function bottomHover() {hoverBottom = setInterval(function(){window.scrollBy(0,1)}, 0.05);}
function stopHover() {clearTimeout(hoverTop);clearTimeout(hoverBottom);}
</script>

CSS:
Code:
.Tophover,.Bottomhover{background:rgba(255,255,255,.5);box-shadow:0 0 10px #000;width:2px;position:fixed;right:0;height:100%;opacity:0;transition:all 0.2s linear}
.Tophover:hover,.Bottomhover:hover{width:20px;opacity:1}
.Tophover{left:0!important;right:inherit}
::-webkit-scrollbar{display:none!important;height:16px;overflow:visible;width:16px}

Xong zồi ~~ :v :v :v ~~
  Bài viết hay nhất2
bất tiện vs win8~
  Bài viết hay nhất3
Méo không dùng win8 nên méo có biết đâu :v mà win8 chỉ trượt khi ở ngài start thôi mà nhỉ, vào destop đâu bị
  Bài viết hay nhất4
trên ubuntu cũng ko ổn :v
You cannot reply to topics in this forum