|
Сообщение от dmitriymar
|
|
конечно написать всё с учётом интеграции в сайт и показать т.с
|
Вот жешь попадалово...
Может отделаюсь примером?
<!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>