Введение в статью Wulin.com (www.vevb.com): в окне чата QQ, когда друг отправляет нам ссылку на URL, при перемещении мыши по ссылке появится ящик для подсказок, побуждая нас открыть, копировать или отчетность. На самом деле, мы также можем достичь этого эффекта на веб -странице. Сегодня я научу вас, как добиться быстрого эффекта, нажимая ссылку в окне чата QQ.
В окне чата QQ, когда друг отправляет нам ссылку на URL, при перемещении мыши по ссылке появится окно подсказки, побуждая нас открыть, копировать или отчетность. На самом деле, мы также можем достичь этого эффекта на веб -странице. Сегодня я научу вас, как добиться быстрого эффекта, нажимая ссылку в окне чата QQ.
Код выключенного следующего:
<! Doctype html public -// w3c // dtd xhtml 1.0 Переход // en>
<html xmlns =>
<голова>
<meta http-equiv = content-type content = text/html; charset = gb2312 />
<название> Как нажать на ссылку в окне чата имитации QQ, чтобы показать эффект приглашения - aspku.com </title>
<script language = javascript type = text/javascript>
Функция s (i) {return document.getElementByid (i)}
function copyurl () {// копировать URL
var boopboardcontent = s (downloaddirect) .href;
пытаться{
window.clipboarddata.setData (текст, буферный обходкконтент);
предупреждение (этот URL был скопирован в буфер обмена.);
} catch (e) {
оповещение (копия безуспешно, пожалуйста, скопируйте ее в браузере IE.);
}
}
document.onclick = function (evt) {// скрыть отображаемый слой при щелчке в месте, которое не является ссылкой
var _target = evt? evt.target: event.srcelement;
var _id = _target.id;
if (_id ==) {
_id = _target.tagname;
}
if (_id! = a) {
S (DownloadPanel) .style.Display = 'none';
}
}
window.onload = function () {// Когда загружается веб -страница, все под указанным объектом обязаны быть связаны.
var html = s (htmer);
var html1 = html.getelementsbytagname (a);
for (var i = 0, j = htmer1.length; i <j; i ++) {
html1 [i] .onclick = function (evt) {
var _event = evt? EVT: window.event;
var _target = evt? evt.target: window.event.srcelement;
var _p = s (downloadpanel);
_p.style.top = _event.clienty + document.body.scrolltop;
_p.style.left = (_event.clientx + document.body.scrollleft <160?
S (DownloadPanel) .style.Display = '';
S (DownloadDirect) .href = this.href;
вернуть ложь;
}
}
}
</script>
<стиль типа = текст/css>
html, body {font-size: 12px;}
a {color:#0000ff; Text-Decoration: Underline; Cursor: pointer;}
.pointer {cursor: pointer;}
.infobar {founale:#eaf9ff; граница: 1px solid#1d5cbb; color:#0000ff; Margin-Bottom: 10px; Padding: 8px 20px 4px 20px;}
</style>
</head>
<тело>
<div id = downloadpanel style = position: absolute; top: 0px; слева: 0px; ширина: 160px; z-index: 999; прокладка: 6px 2px 6px 10px; граница: 1px solid #1d5cbb; дисплей: нет; class = Infobar>
<div style = padding: 3px 0 0 0;> <a id = downloaddirect href = javascript: void (0); target = _blank> Open URL </a> & nbsp; & nbsp; <a id = скачать href = javaScript: void (0); onclick = copyurl ()> copy </a> & nbsp; & nbsp; <a href = javascript: void (0) onclick = s ('downloadpanel'). style.display = 'none';> close </a> </div>
</div>
<div id = htmer>
<p> <a href => </a> </p>
<p> <a href => </a> </p>
</div>
</body>
</html>