Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > javascript实现的又一个不错的滑动导航效果_导航菜单

javascript实现的又一个不错的滑动导航效果_导航菜单

WBOY

Freigeben： 2016-05-16 19:14:43

Original

1158 Leute haben es durchsucht

导航,鼠标放上去看看效果

<title>::你会做，我也要会::</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<script language="JavaScript">

function MM_findObj(n, d) { //v4.01 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  if(!x && d.getElementById) x=d.getElementById(n); return x; 
}

function P7AniMagic(el, x, y, a, b, c, s) { //v2.5 PVII 
 var g,elo=el,f="",m=false,d="";x=parseInt(x);y=parseInt(y); 
 var t = 'g.p7Magic = setTimeout("P7AniMagic(\''+elo+'\',';  
 if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g.style;}else{return;} 
 if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)",' + s+')');return;} 
 var xx=(parseInt(d.left))?parseInt(d.left):0; 
 var yy=(parseInt(d.top))?parseInt(d.top):0; 
 if(parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;} 
 else if (c==2) {m=false;clearTimeout(g.p7Magic);} 
 else {var i=parseInt(a); 
  if (eval(g.moved)){clearTimeout(g.p7Magic);} 
  if (xx<x){xx+=i;m=true;if(xx>x){xx=x;}} 
  if (xx>x){xx-=i;m=true;if(xx<x){xx=x;}} 
  if (yy<y){yy+=i;m=true;if(yy>y){yy=y;}} 
  if (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}} 
 if (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){ 
    xx+="px";yy+="px";} 
  d.left=xx;d.top=yy;g.moved=true;eval(t+x+','+y+','+a+','+b+','+c+',0)",'+b+')'); 
  }else {g.moved=false;} 
} 
//--> 
</script> 
<style type="text/css"> 
 
</style>

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"> 
  <div id="Layer2" style="position:absolute; left:264px; top:59px; width:67px; height:52px; z-index:2; background-color: #0068FF; layer-background-color: #0068FF; border: 1px none #000000; visibility: visible" class="t">  
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> 
      <tr>  
        <td align="center" valign="top"><font color="#FFFFFF" onmouseover="P7AniMagic('Layer2',210,35,5,30,0,0)" onmouseout="P7AniMagic('Layer2',264,59,5,30,0,0)">on  
          1
 
          <a href="#;">绗</a></font></td>
</tr>
</table>
</div>
</div>

Verwandte Etiketten：

javascript实现的又一个不错的滑动导航效果

Quelle：php.cn

Vorheriger Artikel：css实现的图片模糊效果_javascript技巧 Nächster Artikel：疯掉了,尽然有js写的操作系统_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt? Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Tre...

Aus 2024-04-04 11:21:03

0

1

3580

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage