Я не говорю об интеграции в сайт. Я прошу просто пример чего-то похожего. Вот то что у меня и почему-то оно не работает.
function show() {
var menu = document.getElementByid('my');
my.style.display = 'block';
}
function hide() {
var menu = document.getElementByid('my');
my.style.display = 'none';
}
function init() {
var menu = document.getElementByid('my');
menu.onmouseover = show;
menu.onmouseout = hide;
}
3 функции на первой показывается на второй скрывается. а 3 вызывается через window.onload при загрузке страницы. Но почему-то это у меня не работает. Заранее благодарен за любую помощь. |
Цитата:
Может отделаюсь примером?
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
margin: 0;
padding: 0;
}
li {
position: relative;
display: inline-block;
}
li > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
display: none;
opacity: 0.7;
}
li:hover > div {
display: block;
}
li > .text {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
font-size: 18pt;
display: none;
}
li:hover > .text {
display: block;
}
li > .money {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 24pt;
display: none;
}
li:hover > .money {
display: block;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul>
<li>
<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' />
<div></div>
<p class='text'>text</p>
<p class='money'>1000</p>
</li>
<li>
<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' />
<div></div>
<p class='text'>text new</p>
<p class='money'>2000</p>
</li>
</ul>
</body>
</html>
|
Цитата:
|
Вопрос не в этом. У меня много товаров не буду же я для каждого товара вручную прописывать div и двигать с помощью позиционирования. (положение всплывашки каждый раз будет разное). Поэтому насколько я понимаю средствами css эту проблему не решить. Вот страничка с товарами. http://magest.bget.ru/catalog/sumki
|
Цитата:
Цитата:
|
Я не спорю код может быть и херовый, но зато простой. Если можешь подскажи что тут исправить. Я так понимаю мою задачу нельзя решить на css.
|
Цитата:
|
Цитата:
|
Цитата:
|
Пмогите пожалуйста, что нужно исправить в моем коде.
|
| Часовой пояс GMT +3, время: 00:37. |