Супер крутой эффект текстовой подсказки

Автор：Eve Cole Время обновления：2009-06-20 15:34:19

<SCRIPT> NS6 = (document.getElementById&&!document.all) IE = (document.all) NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)== "4") tempBar='';barBuilt=0;ssmItems=new Array(); moving=setTimeout('null',1) function moveOut() { if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {clearTimeout(moving);moving = setTimeout ('moveOut()', слайдSpeed);slideMenu(10)} else {clearTimeout(moving);moving=setTimeout('null',1)}}; function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)} function moveBack1() { if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {clearTimeout(moving);moving = setTimeout('moveBack1()', слайдSpeed);slideMenu(-10)} else {clearTimeout(moving);moving=setTimeout('null' ,1)}} functionlideMenu(num){ if (IE) {ssm.pixelLeft += num;} if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;} if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}} function makeStatic() { if (NS||NS6) {winY = window.pageYOffset;} if (IE) {winY = document.body. ScrollTop;} if (NS6||IE||NS) { if (winY!=lastY&&winY>YOffset-staticYOffset) { Smooth = .2 * (winY -lastY - YOffset + staticYOffset);} else if (YOffset-staticYOffset+lastY >YOffset-staticYOffset) { Smooth = .2 * (winY - LastY - (YOffset-(YOffset-winY)));} else {smooth=0} if(smooth > 0) Smooth = Math.ceil(smooth); иначе гладкий = Math.floor(гладкий); если (IE) bssm.pixelTop+=гладкий; if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth LastY = LastY+smooth; setTimeout('makeStatic()', 1)}} function buildBar() { if(barText.indexOf('<IMG')>-1) {tempBar=barText} else{for (b=0;b<barText.length ;b++) {tempBar+=barText.charAt(b)+"<BR>"}} document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+ barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B> '+tempBar+'</B></font></p></TD>')} function initSlide() { if (NS6){ssm=document.getElementById("thessm").style;bssm=document. getElementById("basessm").style; bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";} else if ( IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0) ";bssm.visibility = "visible";} else if (NS) {bssm=document.layers["basessm1"]; bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"]; bssm2.clip.left=0;ssm.visibility = "show";} if (menuIsStatic=="yes") makeStatic();} function buildMenu() { if (IE||NS6) {document.write('< DIV ID="basessm" style="visibility:hidden;Position: Absolute;Left: '+XOffset+'; Top: '+YOffset+';Z-Index: 20;width:'+(menuWidth+barWidth+10)+' "><DIV ID="thessm" style="Позиция: Абсолютная ;Слева: '+(-menuWidth)+' ;Сверху: 0 ;Z-Index: 20;" onmouseover="moveOut()" onmouseout="moveBack( )">')} if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' Visibility="show"><ILAYER name="basessm2" ><LAYERvisibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">') } if (NS6){document.write('<table border="0" cellpadding="0" cellpacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+' "><TR><TD>')} document.write('<table border="0" cellpadding="0" cellpacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor= "'+menuBGColor+'">'); for(i=0;i<ssmItems.length;i++) { if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1} else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1); if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')} if(!ssmItems[i][1]){ document.write ('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+' " COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems [i][0]+'</b></font></td>')} else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget; document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=''+linkOverBGColor+''" onmouseout="bgColor=''+linkBGColor+''" WIDTH="'+ssmItems[ i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=''+linkOverBGColor+''" onmouseout="bgColor=' '+linkBGColor+''" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+' "> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+ '</DIV></LAYER></ILAYER></TD>')} if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1} if( ssmItems[i][4]!="no"){document.write('</TR>')}} document.write('</table>') if (NS6){document.write('</ TD></TR></TABLE>')} if (IE||NS6) {document.write('</DIV></DIV>')} if (NS) {document.write('</LAYER ></ILAYER></LAYER>')} theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)} </SCRIPT> <SCRIPT> YOffset=150; // без кавычек!! XСмещение=0; staticYOffset = 30; // без кавычек!! SlideSpeed=20 // без кавычек!! время ожидания = 100; // без кавычек!! это устанавливает время, в течение которого меню остается недоступным после того, как мышь ушла за его пределы. менюBGColor="черный"; менюIsStatic="да"; //устанавливает, должно ли меню оставаться статичным на экране MenuWidth=150; // Должно быть кратно 10! никаких кавычек!! менюКолс=2; hdrFontFamily="verdana"; hdrFontSize="2"; hdrFontColor="белый"; hdrBGColor="#170088"; hdrAlign="слева"; hdrVAlign="центр"; hdrHeight="15"; linkFontFamily="Вердана"; ссылкаFontSize="2"; ссылкаBGColor="белый"; linkOverBGColor="#FFFF99"; linkTarget="_top"; linkAlign="Влево"; barBGColor="#444444"; barFontFamily="Вердана"; barFontSize="2"; barFontColor="белый"; barVAlign="центр"; ширина бара = 20; // без кавычек!! barText="站内导航菜单"; // Поддерживается тег <IMG>. Укажите точный HTML-код для отображения изображения. ////////////////////////// // ssmItems[...]=[имя, ссылка, цель, colspan, endrow?] - оставить 'link' и 'target' пустые, чтобы создать заголовок ssmItems[0]=["站内导航"] //создаем заголовок ssmItems[1]=["本站首页", " http://www.downcodes.com" , "_blank"] ssmItems[2]=["网页制作", "http://www.downcodes.com/web","_blank"] ssmItems[3]=["网页特效", "http:// www.downcodes.com/js", "_blank"] ssmItems[4]=["建站指南", "http://www.downcodes.com/jianzhan", "_blank"] ssmItems[5]=["精品动画", "http://www.downcodes.com/flash", "_blank"] ssmItems[6]=["网络编程", "http://www.downcodes.com/program", "_blank"] построитьМеню(); </SCRIPT> </head> <body> <script>  </script>