Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   [JS]Помогите (https://forum.antichat.xyz/showthread.php?t=94597)

vl25 03.12.2008 12:43
[JS]Помогите
 
Хай всем, нужен скрипт JS стобы при наведении на картинку мышкой она немножко надувалась .. хосется меню создать .. искал, не нашёл ... заранее спс...

Aligator 03.12.2008 14:20
Код:
<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)

rtw 03.12.2008 16:11
Preload image написать на JS, остальное так:

style.css
Код:
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
Код:
<html>
        <head>
                <link rel="stylesheet" type="text/css" href="style.css">
        </head>
        <body>
                        <a href="#">Hidden Text</a>
        </body>
</html>

Aligator 03.12.2008 16:18
Цитата:
Сообщение от rtw
Preload image написать на JS, остальное так:

style.css
Код:
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
Код:
<html>
        <head>
                <link rel="stylesheet" type="text/css" href="style.css">
        </head>
        <body>
                        <a href="#">Hidden Text</a>
        </body>
</html>



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

rtw 03.12.2008 16:23
ой простите! как же я забыл, что background не поддерживает URI и URL картинок?

vl25 04.12.2008 08:57
Цитата:
<html>
<head>
<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>
</head>
<body>
<a href="http://antichat.ru" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://forum.antichat.ru/antichat/pic/logo.gif',1)">
<img src="http://forum.antichat.ru/antichat/pic/logo.gif" alt="Менять" name="Image1" width="262" height="74" border="0">

</body>
</html>
делаю так, эффект просто картинка ... не подскажите, мож скрипт в один файл засунуть?

vikseriq 04.12.2008 21:48
на вкус и цвет... Да, современнее в один файл засунуть - хостеру одна запись в ФС не навредит лишняя, а браузеру не надо будет лить все - из кеша будет драть. Советую красиво завернуть и на скриптосайт - пусть всем )

t4Nk 05.12.2008 10:22
Цитата:
Сообщение от Aligator
Код:
<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>
<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>


Время: 18:37