PDA

Просмотр полной версии : [JS]Помогите

vl25
03.12.2008, 12:43
Хай всем, нужен скрипт 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>


<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
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
<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>