VPF::Переход по фреймам через jpg button

magrussia

Дата 3.4.2006, 10:06 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 152
Регистрация: 13.3.2006

Репутация: нет
Всего: нет

Код


<HTML>
<HEAD>


</HEAD>
<BODY>
<BODY BGCOLOR="green">
<a href="file:///c:/html/frame/rightframe2.html" target=1><img src="file:///c:/html/jpg/stend6.jpg"  align="center" target="1" border="2" width="100" height="160"></a>


<br><br>
<a href="file:///c:/html/frame/9m.html" target=1><img src="file:///c:/html/jpg/stend9.jpg"  align="center" target="1" border="2" width="150" height="160"></a>


</BODY>
</HTML>

Я сделал.
Обычным ХТМЛ, как можно сделать чтобы эффект кнопки был? Нажатия её... через onclick

Это сообщение отредактировал(а) magrussia - 3.4.2006, 10:19

GIK

Дата 3.4.2006, 12:33 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Можно вставить событие в картинку.

Код


<a href="file:///c:/html/frame/rightframe2.html" target=1><img src="file:///c:/html/jpg/stend6.jpg"  align="center" target="1" border="2" width="100" height="160" onClick="xxx()"></a>

Если я правильно понял вопрос?

Это сообщение отредактировал(а) GIK - 3.4.2006, 12:33

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

magrussia

Дата 3.4.2006, 13:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 152
Регистрация: 13.3.2006

Репутация: нет
Всего: нет

Да можно сделать событие..

событие()
{Onclick="*.html"}

но тогда это будет мало отличаться от того примера который я написал выше.

Хочу чтобы эта картинка была с эффектом кнопки, вдавливание при нажатие... Но на баттон у меня jpg текстурой не встаёт.

GIK

Дата 3.4.2006, 13:39 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Цитата

Хочу чтобы эта картинка была с эффектом кнопки, вдавливание при нажатие...

Могу предложить изменение размеров после нажатия. Тоже красиво можно организовать.

--------------------

GIK

Дата 3.4.2006, 14:04 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Можно многого напридумывать, главное начать хоть с чегото smile

Код для начала.

Код



<html>
<head>
<script type='text/javascript'>

  function ImgButton(ID,W,bul) {
 if(bul){
  document.getElementById(ID).width=205;
 }else   document.getElementById(ID).width=210;
}
</script>
</head>
<body id='bod' bgcolor="#009983">
<img id='img1' src='img\1.jpg' width="210" style='position: absolute; top: 210; left: 100; z-index: 0;' onClick='ImgButton("img1", this.width,true)' 
  onMouseOut='ImgButton("img1", this.width,false)'>
</body>
</html>

И плюс моя фича для разбора

Код


<html>
 <head>
  <script type="text/javascript">
   <!--
  var TimesetBigText;
  var objDivText;
  var txt;  var i=0; var n=1;
  var str;
  function FlashStyle(ID,W,st,bool) {
 if(bool){ str=st;
 document.getElementById(ID).width = 215;
 objDivText = document.getElementById("IMGdivID");
 txt = objDivText.innerText;  
 TimesetBigText=window.setInterval("SetBigText()", 50);
 } else {
         clearInterval(TimesetBigText); i=0; n=1;  
         document.getElementById(ID).width = 210;
         }
}

  function SetBigText(){

  if(i==0){
 txt = txt.substring(0, 1).fontsize(5) + txt.substring(1, txt.length).fontsize(2);
 objDivText.innerHTML = txt; i++;
 } else {n++; txt=str.substring(0,i).fontsize(2) + str.substring(i,n).fontsize(5)+str.substring(n, txt.lenght).fontsize(2); 
         i++;  objDivText.innerHTML = txt;}
 
if(i==14) {objDivText.innerHTML=str; clearInterval(TimesetBigText);  i=0;n=1;}


}


//-->
 </script>
   </head>
 <body id="bod" bgcolor='#009983'>
<a href='img\1.gif'><img id='img1' src='img\1.gif' width="210" style='position: absolute; top: 210; left: 100; z-index: 0;' onMouseOver='FlashStyle("img1", this.width, "Консультант №1", true)' onMouseOut="FlashStyle("xer",this.width,"XER",false)"></a>
<div id='IMGdivID' style='position: absolute; top: 460; left: 120; color: #423323; width: 150; height: 30; overflow: hidden'>Консультант №1</div>

   
</body>
</html>

Добавлено @ 14:05
Че непонятно спрашивай, только не в линых письмах, ОК?

Это сообщение отредактировал(а) GIK - 3.4.2006, 14:08

--------------------

12345c

Дата 3.4.2006, 15:22 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

magrussia,
Без JS это делается стилями:

Код

<style>
    a{background-color:#efefef;font-size:6px;text-decoration:none;padding:30px;padding-right:20px;}
    a:hover{background:url(xxx.jpg)}
    a:active{background:url(jjj.gif)}
</style>
<br><br><center><a href=# onClick=return!0>&nbsp;</a>
</center><br><br><br>
<B>Смена фона по наведению и клику только стилями</B>

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »