Dah lama ga posting ga ol,langsung down deh semua folow pada cabut ga apa apa deh,Langsung aja deh menu berikut adalah menu yang bila cursor mouse kita di atasnya maka huruf menu akan jadi besar tapi dengan penataan yang keren..
Berikut contohnya..
<style type="text/css">
html {
overflow: hidden;
}
body {
background: #222;
}
#menu {
padding: 10px;
background: #000;
height: 300px;
width: 400px;
}
#menu a {
display:block;
text-decoration:none;
font-family: arial, helvetica, verdana, sans-serif;
white-space: nowrap;
}
</style>
<script type="text/javascript"><!--
// ===============================================================
// -------- M6 menu ------
// script written by Gerard Ferrandez - Ge-1-doot - December 2005
// http://www.dhteumeuleu.com
//this free from http://oce-modifblog.blogspot.com
// ===============================================================
//
var P,T;
var over = -1;
///////////////
var fontSize = 38;
var lensFX = 1;
var num = true;
var color = "#FFF";
var selected = "#F80";
///////////////
function zoom(s){
if(s!=over){
over = s;
for(var i=0;i<T;i++){
P[i].style.fontSize=Math.floor(fontSize / (Math.abs(i - s) + lensFX) + 3)+"px";
P[i].style.color=(i==s)?selected:color;
}
}
}
onload = function(){
P = document.getElementById("menu").getElementsByTagName("a");
T = P.length;
for (var i=0;i<T;i++){
if(num){
x=i+".";
if(x.length<3)x="0"+x;
P[i].innerHTML = x+P[i].innerHTML;
}
P[i].style.width = "100%";
P[i].onmouseover=new Function("zoom("+i+");");
}
zoom(0);
}
//-->
</script>
</head>
<body>
<div id="menu">
<a href="../scripting">scripting</a>
<a href="../javascript">javascript</a>
<a href="../web">web</a>
<a href="../dhtml">dhtml</a>
<a href="/css">css</a>
<a href="../ajax">ajax</a>
<a href="../programming">programming</a>
<a href="../design">design</a>
<a href="../webdesign">webdesign</a>
<a href="../html">html</a>
<a href="../dom">dom</a>
<a href="../webdev">webdev</a>
<a href="../reference">reference</a>
<a href="../tools">tools</a>
<a href="../tutorial">tutorial</a>
<a href="../xmlhttprequest">xmlhttprequest</a>
<a href="/menu">menu</a>
<a href=".../xml">xml</a>
<a href=".../library">library</a>
<a href="../development">development</a>
</div>
</body>
</html>
seperti biasa code2 disini gratis kq tinggal copas aja..maaf karena saya hanya memberi bahan saja,masalah merakit jadi sebuah web tanyakan pada ahlinya.. Tapi Jangan lupa commentnya. Ditunggu..
Ni codenya scriptny:
Selasa, 24 Februari 2009
Menu mouse over zoom text
Langganan:
Posting Komentar (Atom)
36 komentar:
oke, deh...tapi kok gak ada buku tamu nih?
follow banyak ilang karena blogspot menggunakan sistem baru.
thx neh atas semua ilmunya :D
Mas Eko, balik lagi donk ke Lela. Udah disebut tuh namanya sekaligus link bannernya udah Lela pajang di tempat yang sip. Makasih..
Emm.., jangan lupa ajarin Lela bikin zoom lukisan.
Mas, bantuin Lela bikin zoom kayak di sini:(http://www.mind-projects.it/projects/jqzoom/demos.php), makasih..
Mantap OM
makasih sob, membantu sekali heheheh
di paste di mana gan,,.. maklum baru...
:D thanks tutor nya sob :D
trims bossss ilmunya....... ..saya baru di Blogger.......mohon di bagi pengalamanya.....semoga ilmunya bermanfaat,khususnya bagi anda dan umumnya bagi kita semua.........amin.
wah... mantep nih kak infonya..
makasih ya... :D
wah.. keren informasinya..
makasih udh share kak.. :D
terima kasih telah berbagi berita nasional. salam sejahtera Indonesia
Makasih banyak buat info nya. Ini sangat bagus sekali.
makasih ya informasinya.. sangat bermanfaat... :)
kunjungan malam gan, salam bikers nih..
siang gan. salam. Sudah lama tal berkunjung kesini lagi. Wah informasinya menarik2 nih.. Mantap..
izin berkunjung gan
http://goo.gl/uQtMx
menarik untuk dikunjungi gan
siang ...
kunjungan perdana gan ..
sip...
pertamax
good joob
nice post.. tks
hoki doki
terimakasih sudah share ya
mantap ...
cihuy
oce sippp siip siip
punten bapa kalou pingin info bagus gini gimnanya ya bapa ,, makasih bapa http://goo.gl/U2KZUA
mantap postingnya brooo
Hai kawan, lama tak mengunjungi blog ini. Wah makin rame aja kayaknya.. Semoga selalu ada dalam keadaan sehat yah kawan.. Saya coba baca satu persatu nih.. :D
thanks
thanks udh share infonya, bermanfaat bgt nih :D
Menu mouse over zoom text,
disimpannya di mana mas, maklum aqu ini masih pemula, mohon jawabannya
Posting Komentar