ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
Перезагрузить страницу [JS]Помогите
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

[JS]Помогите
  #1  
Старый 03.12.2008, 12:43
Аватар для vl25
vl25
Новичок
Регистрация: 25.06.2008
Сообщений: 12
Провел на форуме:
70443

Репутация: 5
Отправить сообщение для vl25 с помощью ICQ
Red face [JS]Помогите
Хай всем, нужен скрипт JS стобы при наведении на картинку мышкой она немножко надувалась .. хосется меню создать .. искал, не нашёл ... заранее спс...
 
Ответить с цитированием

  #2  
Старый 03.12.2008, 14:20
Аватар для Aligator
Aligator
Участник форума
Регистрация: 24.11.2006
Сообщений: 102
Провел на форуме:
598893

Репутация: 22
Отправить сообщение для Aligator с помощью ICQ
По умолчанию
Код:
<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)
Последний раз редактировалось Aligator; 03.12.2008 в 14:23..
 
Ответить с цитированием

  #3  
Старый 03.12.2008, 16:11
Аватар для rtw
rtw
Новичок
Регистрация: 22.11.2008
Сообщений: 21
Провел на форуме:
63209

Репутация: 10
По умолчанию
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>
 
Ответить с цитированием

  #4  
Старый 03.12.2008, 16:18
Аватар для Aligator
Aligator
Участник форума
Регистрация: 24.11.2006
Сообщений: 102
Провел на форуме:
598893

Репутация: 22
Отправить сообщение для Aligator с помощью ICQ
По умолчанию
Цитата:
Сообщение от 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>



"При наведении на картинку"???
 
Ответить с цитированием

  #5  
Старый 03.12.2008, 16:23
Аватар для rtw
rtw
Новичок
Регистрация: 22.11.2008
Сообщений: 21
Провел на форуме:
63209

Репутация: 10
По умолчанию
ой простите! как же я забыл, что background не поддерживает URI и URL картинок?
 
Ответить с цитированием

  #6  
Старый 04.12.2008, 08:57
Аватар для vl25
vl25
Новичок
Регистрация: 25.06.2008
Сообщений: 12
Провел на форуме:
70443

Репутация: 5
Отправить сообщение для vl25 с помощью ICQ
По умолчанию
Цитата:
<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>
делаю так, эффект просто картинка ... не подскажите, мож скрипт в один файл засунуть?
 
Ответить с цитированием

  #7  
Старый 04.12.2008, 21:48
Аватар для vikseriq
vikseriq
Участник форума
Регистрация: 31.07.2008
Сообщений: 207
Провел на форуме:
299231

Репутация: 107
Отправить сообщение для vikseriq с помощью ICQ
По умолчанию
на вкус и цвет... Да, современнее в один файл засунуть - хостеру одна запись в ФС не навредит лишняя, а браузеру не надо будет лить все - из кеша будет драть. Советую красиво завернуть и на скриптосайт - пусть всем )
 
Ответить с цитированием

  #8  
Старый 05.12.2008, 10:22
Аватар для t4Nk
t4Nk
Познающий
Регистрация: 23.09.2007
Сообщений: 75
Провел на форуме:
938032

Репутация: 86
По умолчанию
Цитата:
Сообщение от 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>
 
Ответить с цитированием
Ответ



« Предыдущая тема | Следующая тема »


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ