Visor
Сорри за такую тему, просто не знал как обозвать ее.
А тепереь вопрос!
Не подскажете, как сделать чтоб при наводе на деску выскакивала тумба рядом?
Спасибо
f0kin
можно и элегантно решить всё без джаваскрипта.
Код:
<style type=text/css>
li.mpop { cursor:hand;position: relative; background-color:#f0f0f0; padding:5}
li.mpop a { text-decoration:none; }
li.mpop:hover,li.mpop:hover a { background:lightblue; color:black; }
li.mpop img { display: none; position: absolute; top:100%; left:0; width:50%;font-weight: normal; border-bottom: solid 1px #999; }
li.mpop>img { top: auto; left: auto; }
li.mpop:hover img, li.over img { padding:0; margin-top:5; margin-left:100; display:block }
</style>
<li class=mpop><a href="0.php">Description 1 about some boy with a girl </a><img src='1.png'></li>
<li class=mpop><a href="1.php">Description 2 about some girl with a girl </a><img src='2.png'></li>
<li class=mpop><a href="3.php">Description 3 about some boy with a boy </a><img src='3.png'></li>
<li class=mpop><a href="4.php">Description 4 about some soldier with a motherland </a><img src='4.png'></li>
-puika-
<script language="javascript" type="text/javascript">
<!--
var bookmarktitle="title"
var bookmarkurl="http://domen/"
function addbookmark(){
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
function showthumb(n)
{
mX = window.event.x;
mY = window.event.y;
thumb.style.visibility="visible";
thumb.style.left=mX+10+document.body.scrollLeft;
thumb.style.top=mY+10+document.body.scrollTop;
thumb.innerHTML = '<img src="thumbs/'+n+'.jpg" border="1">';
//путь к тумбам
}
function changeposthumb(n)
{
mX = window.event.x;
mY = window.event.y;
thumb.style.visibility="visible";
thumb.style.left=mX+10+document.body.scrollLeft;
thumb.style.top=mY+20+document.body.scrollTop;
}
function clearthumb(n)
{
thumb.style.visibility="hidden";
thumb.innerHTML = '';
}
// -->
</script>
вид ссылки
<a href=o.php?link=teen&url=http://урл галеры.html onmouseout="clearthumb(номер тумбы);" onMouseMove="changeposthumb(номер тумбы);" onmouseover="showthumb(номер тумбы);">
при наведении показывает при отводе скрывает