Помогите вставить скринт на сайт.

Discussion in 'PHP' started by roker777, 10 Jul 2010.

  1. roker777

    roker777 Member

    Joined:
    9 Nov 2009
    Messages:
    11
    Likes Received:
    14
    Reputations:
    2
    Хочу впихнуть скрипт менюшки, только не знаю как сделать, нашел прекрасный скрипт тут, всё расписано довольно понятно, но все равно не выходит.
     
    #1 roker777, 10 Jul 2010
    Last edited: 7 Jan 2017
  2. mst

    mst New Member

    Joined:
    27 Jun 2010
    Messages:
    3
    Likes Received:
    3
    Reputations:
    0
    Нужна поддержка Java на хосте

    а там все понятно
     
  3. roker777

    roker777 Member

    Joined:
    9 Nov 2009
    Messages:
    11
    Likes Received:
    14
    Reputations:
    2
    mst
    Я понимаю, что надо первый скрипт прицепить ко второму, но не выходит.
     
    #3 roker777, 10 Jul 2010
    Last edited: 7 Jan 2017
  4. IGL

    IGL New Member

    Joined:
    16 Nov 2007
    Messages:
    41
    Likes Received:
    0
    Reputations:
    0
    какая нахрен java на хосте...
     
  5. bjong

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

    Joined:
    26 Jul 2003
    Messages:
    41
    Likes Received:
    12
    Reputations:
    18
    Вставляй где нить в хеаде скрипт:
    HTML:
    <script type="text/javascript">
    var imn;
    var icount = 4; 	// image count
    var iw = 49;		// start width
    var iw2 = 90;		// end width
    var ih = 74;		// start height
    var ih2 = 135;		// end height
    var stop;
    
    function g() {
    	for(i=1;i<=icount;i++) {
    		var im = document.getElementById("i"+i);
    		if(imn!=i) {			
    			im.width=(im.width>=iw)?(im.width-2):im.width;
    			im.height=(im.height>=ih)?(im.height-2):im.height;
    		}
    		else {
    			im.width=(im.width<=iw2)?(im.width+2):im.width; 
    			im.height=(im.height<=ih2)?(im.height+2):im.height;
    		}
    	}
    	if(stop<iw2-iw || stop<ih2-ih) {setTimeout("g()", 20); stop++;}
    }
    </script>
    
    а уже где надо вывести меню:
    HTML:
    <SPAN onmouseout="stop=1; imn=0; g();">
    <IMG id="i1" src="img/ajax.png" alt="ajax" width="50" onmouseover="stop=1; imn=1; g();">
    <IMG id="i2" src="img/php.png" alt="php" width="50" onmouseover="stop=1; imn=2; g();">
    <IMG id="i3" src="img/javascript.png" width="50" alt="javascript" onmouseover="stop=1; imn=3; g();">
    <IMG id="i4" src="img/html.png" width="50" alt="html" onmouseover="stop=1; imn=4; g();">
    </SPAN>
    
    т.е выглядит примерно так

    Code:
    <html>
    <title>Меню</title>
    <script type="text/javascript">
    var imn;
    var icount = 4; 	// image count
    var iw = 49;		// start width
    var iw2 = 90;		// end width
    var ih = 74;		// start height
    var ih2 = 135;		// end height
    var stop;
    
    function g() {
    	for(i=1;i<=icount;i++) {
    		var im = document.getElementById("i"+i);
    		if(imn!=i) {			
    			im.width=(im.width>=iw)?(im.width-2):im.width;
    			im.height=(im.height>=ih)?(im.height-2):im.height;
    		}
    		else {
    			im.width=(im.width<=iw2)?(im.width+2):im.width; 
    			im.height=(im.height<=ih2)?(im.height+2):im.height;
    		}
    	}
    	if(stop<iw2-iw || stop<ih2-ih) {setTimeout("g()", 20); stop++;}
    }
    </script>
    <br><br><br><br>
    <center>
    <SPAN onmouseout="stop=1; imn=0; g();">
    <IMG id="i1" src="img/ajax.png" alt="ajax" width="50" onmouseover="stop=1; imn=1; g();">
    <IMG id="i2" src="img/php.png" alt="php" width="50" onmouseover="stop=1; imn=2; g();">
    <IMG id="i3" src="img/javascript.png" width="50" alt="javascript" onmouseover="stop=1; imn=3; g();">
    <IMG id="i4" src="img/html.png" width="50" alt="html" onmouseover="stop=1; imn=4; g();">
    </SPAN>
    </center>
    </html>