|
| |
|
|
| |
для: Лидия
(10.02.2006 в 22:39)
| | |
<style>
.agbartip {
BORDER-RIGHT: #e2e0e0 1px solid;
BORDER-TOP: #e2e0e0 1px solid;
BORDER-LEFT: #e2e0e0 1px solid;
BORDER-BOTTOM: #e2e0e0 1px solid;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-SIZE: 10px;
Z-INDEX: 999;
LEFT: 90px;
VISIBILITY: hidden;
PADDING-BOTTOM: 3px;
COLOR: black;
PADDING-TOP: 3px;
FONT-FAMILY: verdana,sans-serif;
POSITION: absolute;
TOP: 20px;
BACKGROUND-COLOR: #1d1f1f;
TEXT-ALIGN: left
}
.agbard1 {
BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
BACKGROUND-COLOR: #556677;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
FONT-SIZE: 10px;
COLOR: black;
}
.agbard2 {
MARGIN-TOP: 5px;
FONT-SIZE: 10px;
COLOR: #ffffff
}
</style>
<center><a onmousemove="ts(event,'t1')" title="" onmouseout="tc('t1');" href="about:blank" target=_blank><img src=img/modyl.jpg border=0></a></center>
<div class=agbartip id=t1>
<div class=agbard1><b>Проверка</b></div>
<div class=agbard2><img src="... " border=0>Проверка Проверка Проверка.<br><br>Проверка,<br>Проверка<br>Проверка.</div></div>
|
function auto_tag(tag_name)
{
if (window.attachEvent)
{
window.attachEvent("onload", function()
{
var el = document.getElementsByTagName(tag_name);
set_auto_tag(el);
});
}}
function set_auto_tag (el)
{
for (var i=0; i<el.length; i++)
{
if (el[i].target == '_blank')
{
el[i].className+=" onw";
}}}
isDOM=document.getElementById //DOM1 browser (MSIE 5+, Netscape 6, Opera 5+)
isMSIE=document.all && document.all.item //Microsoft Internet Explorer 4+
isNetscape4=document.layers //Netscape 4.*
isOpera=window.opera //Opera
isOpera5=isOpera && isDOM //Opera 5+
isMSIE5=isDOM && isMSIE && !isOpera //MSIE 5+
isMozilla=isNetscape6=isDOM && !isMSIE && !isOpera
var obj;
function getLayer(layerName, parentLayerName)
{
if(isDOM){ return document.getElementById(layerName);
}
if(isMSIE){ return document.all[layerName];
}
if(isNetscape4){ return eval('document.layers[layerName]');
}
return false;
}
function ts(e,what)
{
mousex = e.clientX;
mousey = e.clientY;
pagexoff = 0;
pageyoff = 0;
if(isMSIE5)
{
pagexoff = document.body.scrollLeft;
pageyoff = document.body.scrollTop;
}
else{
pagexoff = window.pageXOffset;
pageyoff = window.pageYOffset;
}
if(getLayer(what))
{
if(isNetscape4)
obj = getLayer(what);
else
obj = getLayer(what).style;
c_width = getLayer(what).offsetWidth;
oCanvas = document.getElementsByTagName(
(document.compatMode && document.compatMode == "CSS1Compat") ? "HTML" : "BODY")[0];
w_width = oCanvas.clientWidth ? oCanvas.clientWidth + oCanvas.scrollLeft : window.innerWidth + window.pageXOffset;
if(obj)
{
leftoff = mousex-pagexoff;
obj.left = (mousex+pagexoff);
if (mousex + pagexoff + c_width > w_width) obj.left = w_width - c_width + "px";
topoff = mousey-pageyoff;
if(isOpera && topoff <= 30)
obj.top = mousey + 20;
else
if( mousey <= 30)
obj.top = (mousey+pageyoff) + 20;
else
if (isOpera)
obj.top = mousey + 20;
else
obj.top = (mousey+pageyoff) + 20;
if(isNetscape4)
obj.visibility = 'show';
else
obj.visibility = 'visible';
}}
return true;
}
function tc()
{
if(obj){
if(isNetscape4)
obj.visibility = 'hide';
else
obj.visibility='hidden';
}
return true
}
var win = null;
function nwin(mypage,myname,w,h,scroll){LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;TopPosition = (screen.height) ? (screen.height-h)/2 : 0;settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
|
| |
| |
|
|
| |
|
|
| |
для: codexomega
(11.02.2006 в 18:01)
| | | И в седьмой Опере не видать... Под FF верстали, что ли?=) | |
| |
|
|
| |
|
|
| |
для: codexomega
(11.02.2006 в 17:58)
| | | А ну да, они там есть, но не отображаются в Internet Explorer :))
Возьмите код из темы приведенной выше | |
| |
|
|
| |
|
|
| |
для: Лидия
(11.02.2006 в 17:11)
| | | Вы уверены что они существуют по данному адресу?
Код можно взять со страницы. | |
| |
|
|
| |
|
|
| |
для: Лидия
(11.02.2006 в 17:11)
| | | Хм... Так там вроде обычные title. Или я плохо смотрел?=) | |
| |
|
|
| |
автор: Лидия (11.02.2006 в 17:11) |
|
| |
для: codexomega
(10.02.2006 в 23:07)
| | | Скажите, пожалйуста, а как можно реализовать (желательно подкинуть кодик) такого типа всплывающие подсказки...http://www.xpoint.net.ru/know-how/CSS?9
Заранее спасибо. | |
| |
|
|
| |
|
|
| |
для: Лидия
(10.02.2006 в 22:39)
| | | В ссылку можно воткнуть title="blabla"
В этом разделе есть много тем посвященных всякого рода подсказкам. Последняя тема касается "красивых" подсказок. Там есть уже готовые решения.
http://softtime.ru/forum/read.php?id_forum=4&id_theme=12672&page=2 | |
| |
|
|
| |
автор: Лидия (10.02.2006 в 22:39) |
|
| | Здравствуйте.
Решила поразбирать HTML и наткнулась на такое препятствие. Как сделать в HTMLе, чтобы при наведении на текст, под ним появлялосб что-то типо комментария/маленького объяснения, типо "ПРи нажатии на кнопку попадёте сюда". Пробовала такое, но результатов не дало.
<html>
<head>
</head>
<body>
<a href="http://www.rambler.ru" target="_blank">aa
<onMouseover="writeText ('переход на Rambler')"></a>
</body>
</html>
Помогите, пожалуйста. | |
| |
|
|
|
