Эффект перекатывания с помощью стилей

mr-mystery · July 3, 2007

Здравствуйте!

На вашем сайте я прочитал совет эффекта перекатывания с помощью стилей, все понятно. Но у меня возник еще один вопрос.

Как с помощью стилей (если это возможно) сделать так чтобы при наведении курсора мыши на картинку в одном месте появлялась картинка в другом, к примеру над ней.

NikuZ · July 3, 2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; windows-1251" />
<title>proverka</title>
<style type="text/css">
div#uroven_1 {
 margin:auto auto;
 width:50px;
 height:20px;
 border:5px solid #000000;
 background:#990000;
 color:#FFFFFF;
 text-align:center;
}
div#poyavlenie {
 position:absolute;
 bottom:0;
 left:0;
 border:1px solid #000000;
 width:250px;
 height:250px;
 background-position:center center;
 background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
 function xxx()
 {
 document.getElementById('poyavlenie').style.backgroundImage = "url(image.jpg)";
 }
</script>
</head>

<body>

<div id="uroven_1" onmouseover="xxx()">navedi</div>

<div id="poyavlenie"> </div>
</body>
</html>

Sign In

Эффект перекатывания с помощью стилей

Question

mr-mystery

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

NikuZ

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information