Ni trik cukup gampang banget kok buat nya, gni sob..
1. Masukin script jquerinya nih sob, biasa dibagian <head>...</head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Nb:
Kalo udah ada, biarin aja . Biar gag doble
2. Masukin script plugin spotlight jquery ini dibawah script di atas..
<script src='http://h1.ripway.com/r3ndra/spotlight3.js' type='text/javascript'/>
Nb:
>>http://h1.ripway.com/r3ndra/spotlight3.js, sebaiknya ini di hostingkan sendiri..
>>Untuk merubah warna dari spotlight atau mengedit yg lainya langsung edit di script plugin nya, karena cssnya dibuat langsung masuk ke javscript ini .
>> di dalam javascript nya cari
speed: 400,
color: '#333',
speed untuk fungsi seberapa cepat datang nya, dan color untuk merubah warnanya . untuk yg lainya ? ya suka2 lu mau di apain .
3. Masukan Javascrip ini juga .
<script type='text/javascript'>
$(document).ready(function(){
$('pre').bind('mouseover', function(){
$(this).spotlight({exitEvent:'mouseover', speed:200});
});
});</script>4. Dan untuk pemaikaianya gini sob..
<pre>
ini content yg menggunakn effect spotlight saat di mouseover .
</pre>
nah mudah kan... keren lagi hahahaha . apa artinya menulis "<pre>" untuk mendapatkan effect spotlight . Gampang bgt..
Semoga postingan kali ini bermanfaat .
6 komentar:
~~~(( Komentar ))~~~
aaduhhh cakep sekali...
pertaamaaa lagi...
coba ah...
makacih ya...
selalu deh aku hadir disini...
salam sobat
trims infonya
saya akan mencoba nich ,,masukin Jquerinya...semoga ngga kesulitan.
saya sudah follow nich ya..
salam kenal dari NURA.
@lover,
cakep kan non ? sm kyk yg pny blog..
wakakakakakkak . :69
@NURA,
Salam juga sob, sama2 .
klo kesulitn moga2 saya bs bantu :51
pasti saya follow balik
Wach info bgs kang admin,bnr2 banyak jquerynya disini xixixi...:29
wah wah...bisa bentrok ma PRE aku... gakgakgakgak...good good
@!Ryan!,
biasa sob, sambil latihan jquery.. :69
@BEBEN,
kalo bentrok tinggal di edit dkit js nya sob, bs dgnti yg laen . :51
Posting Komentar