Trik Komputer: Javascript Scroll Mouse

Selasa, 16 November 2010

Javascript Scroll Mouse

Kali ini Beben akan mencoba berbagi trik mengenai javascript scroll mouse :D Ketika scroll mouse sobat dinaikturunkan akan ada bilangan +1 ketika naik dan -1 ketika turun. Disini akan kita sisipkan syntax link disamping nominalnya :P Jadi waktu menaikturunkan scroll pada mouse akan ada link blog kitanya sob ;)) Bisa juga link yg dianggap penting, jadi pada tauk itu pengunjung ;;) Rada susah ngejelasinnya juga ah sob ~X( On screenshot :D

Kode CSS

#delta {
font-weight: bold;
color: red;
top: 50%;
left: 3px;
position: fixed;
font-size: 115%;
text-shadow: 0px 0px 10px #888;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3
}
#delta a {
color: yellow;
text-decoration: none
}

Javascript

Letakin diatas tag </head>

<script type='text/javascript'>
//<![CDATA[
function handle(delta){var s=delta+": ";if(delta<0)
s+="<a href='http://your-name-blog.blogspot.com/'>Your Title1</a>";else
s+="<a href='http://your-name-blog.blogspot.com/'>Your Title2</a>";document.getElementById('delta').innerHTML=s;}
function wheel(event){var delta=0;if(!event)event=window.event;if(event.wheelDelta){delta=event.wheelDelta/120;if(window.opera)delta=-delta;}else if(event.detail){delta=-event.detail/3;}
if(delta)
handle(delta);}
if(window.addEventListener)
window.addEventListener('DOMMouseScroll',wheel,false);window.onmousewheel=document.onmousewheel=wheel;
//]]>
</script>

Gantilah kode yg diberi warna berbeda itu :) Setelah itu masukin tag HTML dibagian <body><div id='delta'/>Dan lihat hasilnya :-bd See yah with Beben si bloglang ganteng kalem tea :D :-h

Source by: http://snipplr.com/

Trik Komputer

Selasa, 16 November 2010

Javascript Scroll Mouse

Kode CSS

Javascript

Tidak ada komentar:

Posting Komentar