Какую функцию использовать, чтобы показывать 2 изображения, когда вы наводите на них мышь? - PullRequest
Новая
       16

Какую функцию использовать, чтобы показывать 2 изображения, когда вы наводите на них мышь?

0 голосов
/ 26 марта 2011

Я пытаюсь сделать так, чтобы мой заголовок выглядел так: http://wareztuga.ws/index.php, и мне было интересно, как им удалось это сделать, когда мы проезжаем над домашним животом, он мигает.

Я знаю, что мыМне нужно иметь два изображения для этого результата, но мне нужна функция.

Ответы [ 2 ]

0 голосов
/ 26 марта 2011

Существует много подходов к реализации переноса изображения. Вот очень простой подход: 

<html>
<head>
  <title>rollover demo</title>
  <script type="text/javascript">
    function swap(element, image) {
      element.src = image;
    }
  </script>
</head>
<body>
  <img src="home_normal.png" onmouseover="swap(this, 'home_rollover.png');" onmouseout="swap(this, 'home_normal.png');"/>
  <img src="about_normal.png" onmouseover="swap(this, 'about_rollover.png');" onmouseout="swap(this, 'about_normal.png');"/>
</body>
</html>

Более предпочтительный метод - использовать jQuery или другую библиотеку, в которой HTML-код свободен от кода JavaScript. Вы найдете много разных способов сделать это, если вы используете Google "javascript image rollover" или "jquery image rollover".

0 голосов
/ 26 марта 2011

это не связано с PHP. вы просто меняете image-src ... для этого есть множество примеров кода. вот один .

...