|
|
|
| Помогите сделать окошко как на http://www.ag.ru/reviews/call_of_duty_2, при нажатии на картинку восклецательного знака | |
|
|
|
|
|
|
|
для: MeTp
(06.07.2006 в 13:43)
| | Не угадали, нет там такой картинки.
А то собирался было показать этот пример: | |
|
|
|
|
|
|
|
для: 12345
(06.07.2006 в 14:20)
| | Как нет, вот где системные требования, слева... ой, извините :) там буква i
Помните Halo[i]? Call of Duty 2 - то же самое, только на Земле и про...
|
| |
|
|
|
|
|
|
|
для: MeTp
(06.07.2006 в 14:28)
| | тогда пример почти подходит, только реагировать (ставить mouseDown=1; ) на слой заголовка, а двигать весь обрамляющий слой. | |
|
|
|
|
 1.8 Кб |
|
|
для: 12345
(06.07.2006 в 14:55)
| | вот что я сделал, но не как не пойму как сделать что бы окно открывалось при надатии определенной ссылки и закрывалось при нажатии крестика, так же что бы его можно было перетаскивать только за верхнее поле. Менял параметр который вы написали, нечего не получилось. | |
|
|
|
|
|
|
|
для: MeTp
(06.07.2006 в 18:52)
| | так:
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY>
<STYLE>.drag{background-color:#efefef;display:none;left:200;
BORDER: 2px darkred solid; FONT-SIZE: 14px; PADDING: 0; POSITION: absolute; HEIGHT: 100px;width:120px;
}td{FONT-SIZE: 24px;}
.head{background-color:silver;text-align:right;width:100%;}
</STYLE>
<SCRIPT>
d=document;
g=function(a){return d.getElementById(a);}
FF=navigator.appName=="Netscape"; /*isGecko*/
zMax=1;mouseDown=0; //установки скрипта
var posY,posX; //переменные скрипта
d.onmousedown=function(e){
if((t=FF?e.target:event.srcElement).className!="head")return; //отсечка лишнего
mouseDown=g('drag1');
posY=(FF?e.pageY:event.y+d.body.scrollTop)-parseInt(mouseDown.offsetTop);
posX=(FF?e.pageX:event.x+d.body.scrollLeft)-parseInt(mouseDown.offsetLeft); //начальная точка захвата
t.style.zIndex=zMax++; //подъём слоя над другими
}
d.onmousemove=function eMove(e){if(!mouseDown)return;
mouseDown.style.top=(FF?e.pageY:event.y+d.body.scrollTop)-posY;
mouseDown.style.left=(FF?e.pageX:event.x+d.body.scrollLeft)-posX;
}
d.onmouseup=function(e){mouseDown=0;}
d.ondragstart=d.onselectstart=function(){if(event.srcElement.className=="head")event.returnValue=!1;}
</SCRIPT>
<div id=drag1 class=drag>
<div class=head><span onclick=g('drag1').style.display='none'; style=padding:4px>X</span></div>
Здесь текст
</div>
<span onclick=g('drag1').style.display='block';>Показать псевдоокно</span>
</BODY></HTML>
|
| |
|
|
|
|
|
|
|
для: 12345
(07.07.2006 в 04:17)
| | Спасибо | |
|
|
|