<html>
<head>
<title>א"ב בבנית אתרים</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8">
<style type="text/css">
.menulinks {position:relative;}
#menucont a{color:#006699; font-weight:bold; text-decoration:none;}
#menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline
overline; text-transform: uppercase;}
</style> <SCRIPT LANGUAGE="JavaScript">
/************************************************************************
Script made by Martial Boissonneault © 2001
http://getElementById.com/
-- הפמ חוקל טפירקסה
This script may be used and changed freely as long as this msg is intact
Visit http://getElementById.com/ for more free scripts and tutorials.
*************************************************************************/
nSpace=5 // how many space maximum between each letter
nSpeed=100 // the speed of the animation
timerLSM=null;
function LetterSpacingMenu() {
if(document.getElementById){
lnks = Math.floor(Math.random()*lnk.length);
letterSpacing = Math.floor(Math.random()*nSpace);
lnk[lnks].style.letterSpacing = letterSpacing + "px";
timerLSM = setTimeout("LetterSpacingMenu()", nSpeed);
}
}
function StopMenu() {
if(document.getElementById) {
clearTimeout(timerLSM);
for(i=0;i<lnk.length;i++)
lnk[i].style.letterSpacing = 0 + "px";
}
}
function LSMenuInit() {
if(document.getElementById) {
lnk = document.getElementById("menucont").getElementsByTagName("a");
cnt = document.getElementById("menucont");
cnt.style.textAlign= "center";
cnt.onmouseover=StopMenu;
cnt.onmouseout=LetterSpacingMenu;
LetterSpacingMenu();
}
}
onload=LSMenuInit;
<!-- Begin
// End -->
</script>
<link rel="stylesheet" href="../liora3.css">
</head>
<body >
<table width="80%" border="1" cellspacing="2"
cellpadding="2" align="center" bgcolor="#ece8cf"
bordercolor="#666666" class="bord2">
<tr>
<td align="left"> xxx </td>
<tr>
<td align="left"><div id="menucont">
<!-- Put all links between <center> </center> to get those
links align center for older browser -->
<a href="#" id="a1" class="menulinks"
title="what's new">what's new</a><br>
<a href="#" id="a2" class="menulinks"
title="about this site">about this site</a><br>
<a href="#" id="a3" class="menulinks"
title="dhtml scripts">dhtml scripts</a><br>
<a href="#" id="a4" class="menulinks"
title="dhtml tutorials">dhtml tutorials</a><br>
<a href="#" id="a5" class="menulinks"
title="dhtml links">dhtml links</a><br>
<a href="#" id="a6" class="menulinks"
title="promote this site">promote this site</a><br>
<a href="#" id="a7" class="menulinks"
title="contact us">contact us</a>
</div>
</td>
</table>
</body>
</html>
|