[JS]Помогите

Discussion in 'PHP' started by vl25, 3 Dec 2008.

  1. vl25

    vl25 New Member

    Joined:
    25 Jun 2008
    Messages:
    12
    Likes Received:
    1
    Reputations:
    0
    Хай всем, нужен скрипт JS стобы при наведении на картинку мышкой она немножко надувалась .. хосется меню создать .. искал, не нашёл ... заранее спс...
     
  2. Aligator

    Aligator Elder - Старейшина

    Joined:
    24 Nov 2006
    Messages:
    138
    Likes Received:
    15
    Reputations:
    0
    Code:
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    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;
    }
    
    //-->
    </script>
    
    HTML:
    <a href="http://antichat.ru" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/vphoto2.gif',1)">
    <img src="images/photo1.gif" alt="Менять" name="Image1" width="76" height="25" border="0">
    
    Если их будет больше менять Image1 на Image2 (в ONMouseOver и Name) и т.д. (на 1)
     
    #2 Aligator, 3 Dec 2008
    Last edited: 3 Dec 2008
  3. rtw

    rtw New Member

    Joined:
    22 Nov 2008
    Messages:
    16
    Likes Received:
    4
    Reputations:
    0
    Preload image написать на JS, остальное так:

    style.css
    Code:
    a{
    	display: block;
    	width: 90px;
    	height: 25px;
    	background: red;
    	text-indent: -1000px;
    }
    a:hover{
    	display: block;
    	width: 90px;
    	height: 25px;
    	background: blue;
    	text-indent: -1000px;	
    }
    
    index.html
    Code:
    <html>
    	<head>
    		<link rel="stylesheet" type="text/css" href="style.css">
    	</head>
    	<body>
    			<a href="#">Hidden Text</a>
    	</body>
    </html>
    
     
  4. Aligator

    Aligator Elder - Старейшина

    Joined:
    24 Nov 2006
    Messages:
    138
    Likes Received:
    15
    Reputations:
    0



    "При наведении на картинку"???
     
  5. rtw

    rtw New Member

    Joined:
    22 Nov 2008
    Messages:
    16
    Likes Received:
    4
    Reputations:
    0
    ой простите! как же я забыл, что background не поддерживает URI и URL картинок?
     
  6. vl25

    vl25 New Member

    Joined:
    25 Jun 2008
    Messages:
    12
    Likes Received:
    1
    Reputations:
    0

    делаю так, эффект просто картинка ... не подскажите, мож скрипт в один файл засунуть?
     
  7. vikseriq

    vikseriq Elder - Старейшина

    Joined:
    31 Jul 2008
    Messages:
    118
    Likes Received:
    44
    Reputations:
    2
    на вкус и цвет... Да, современнее в один файл засунуть - хостеру одна запись в ФС не навредит лишняя, а браузеру не надо будет лить все - из кеша будет драть. Советую красиво завернуть и на скриптосайт - пусть всем )
     
  8. t4Nk

    t4Nk Elder - Старейшина

    Joined:
    23 Sep 2007
    Messages:
    70
    Likes Received:
    33
    Reputations:
    0
    Это фронт пейдж сгенерил?
    можно тривиальнее и понятнее

    Code:
    <html>
    <head>
    <script>
    var img = Image.src = "http://forum.antichat.ru/antichat/pic/logo.gif";
    </script>
    </head>
    <body>
    <img src="http://www.google.ru/intl/en_com/images/logo_plain.png" onmouseover="this.src=img" onmouseout="this.src='http://www.google.ru/intl/en_com/images/logo_plain.png'" />
    </body>
    </html>