| |
автор: Traktor (04.04.2006 в 18:09) |
|
| | Может кто подскажет в чём заковыка?
Кнопка-рисунок находится в ячейке таблицы и является гиперссылкой. По задумке, при наведении на кнопку появляется тултип с пояснением. Скрипт нашел в рунете.
Мне хотелось бы, чтобы при наведении мышки на кнопку появлялся пальчик (cursor:hand), но он видится только при передвижении мышки (когда она на кнопке), а в 'стоячем' состоянии почему-то стрелка видится.
Помогите, кто знает, в чём дело!?
На всякий случай приведу код скрипта и начала страницы.
_____________________________________________________________
<style type="text/css">
body { font-family: Verdana, arial, helvetica, sans-serif;
font-size:14px; }
h1 { font-size:18px }
a:link { color:#33c }
a:visited { color:#339 }
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
background:url("img/gpwgmini.jpg") #eef2f9;
border:1px solid #336;
width:250px; padding:4px;
color:#000; font-size:11px; line-height:1.2;
}
div.tp1 { font-size:12px; color:#336; padding-top:4px }
</style>
<script type="text/javascript">
function doTooltip(e, msg) {
if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return;
Tooltip.show(e, msg);
}
function hideTip() {
if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return;
Tooltip.hide();
}
// variables for tooltip content
// name them whatever you want, add as many as you need
var tip1 = '<img src="img/eye.gif" width="32" height="31" alt="" border="0"><div class="tp1">Перейти на следующую страницу.<br>---------------------<br>Пока не готова</div>';
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" style="scrollbar-face-color:yellow; scrollbar-base-color:rgb(204,204,153); scrollbar-arrow-color:black; scrollbar-track-color:rgb(204,204,204);" background="img/gpwg.jpg">
<TABLE border="0" width="100%" id="table1">
<tr>
<td width="217" height="85">
<p align="center"> </p>
</td>
<td width="750" height="85">
<p align="center"><img src="img/lb.gif" width="729" height="82" border="0"></p>
</td>
</table>
<table border="0" width="100%">
<tr>
<td width="72"> </td>
<td width="7%" >
<p align="center"><a href="http://хххххх/222.html" onmouseover="doTooltip(event,tip1)" onmouseout="hideTip()" ><img src="img/aqua_red_11.gif" width="58" height="29" border="0"></a></p>
</td>
<!-- place these just before close body tag -->
<script src="js/dw_event.js" type="text/javascript"></script>
<script src="js/dw_viewport.js" type="text/javascript"></script>
<script src="js/dw_tooltip.js" type="text/javascript"></script>
</body>
</html>
______________________________________________________________________________ | |
| |
|
|
| |
|
|
| |
для: Traktor
(04.04.2006 в 18:09)
| | | Зто не весь код - 3 файла внизу вызываются.
Попробуйте взять 1 из этих скриптов, которые приведены в обсуждении: http://forum.vingrad.ru/index.php?showtopic=53318 | |
| |
|
|
| |
автор: Traktor (05.04.2006 в 10:00) |
|
| |
для: 12345
(04.04.2006 в 18:21)
| | | На всякий случай кинул страницу на сайт (временно): http://lbznat.narod.ru/index.htm
Посмотрите указатель на кнопках в стоячем положении и в движении.
Стрелка не нужна - нужен указательный пальчик при наведении на кнопки.
С сылками ознакомился. Там другие проблемы решают. Меня этот скрипт устраивает, но только вот эта маленькая проблема гложет. | |
| |
|
|
| |
|
|
| |
для: Traktor
(05.04.2006 в 10:00)
| | | до того момента, как загрузилась картинка с глазом в слое, нормально показывался курсор
на кнопке - с пальцем. как только загрузился глаз и стал дергаться туда-сюда - рука пропала
и осталась только стрелка. а при движении мышом еще и часы рядом со стрелкой мелькают.
а простая подстановка в тег <а style="cursor:pointer; cursor:hand;" ...> не спасает?
PSа что такое: "56 инваля 2006 год" ? | |
| |
|
|
| |
автор: Traktor (05.04.2006 в 11:29) |
|
| |
для: elenaki
(05.04.2006 в 10:17)
| | | elenaki. Не-а, не сработала подстановка. Может другие решения есть?
По-моему дело в div, который в table. Без table всё срабатывает как надо.
P.S. "56 инваля 2006 год" - это для себя. Приклеил, чтобы не забыть вставить дату начала работы сайта. Страница в разработке и будет не на народе, а на ucoz'e. | |
| |
|
|
