Artikel Pengenalan Wulin.com (www.vevb.com): Di jendela obrolan QQ, ketika seorang teman mengirimi kami tautan URL, saat memindahkan mouse ke tautan, kotak prompt akan muncul, mendorong kami untuk membuka, menyalin atau melaporkan. Bahkan, kita juga dapat mencapai efek ini pada halaman web. Hari ini, saya akan mengajari Anda cara mencapai efek cepat mengklik tautan di jendela obrolan QQ.
Di jendela obrolan QQ, ketika seorang teman mengirimi kami tautan URL, saat menggerakkan mouse di atas tautan, kotak prompt akan muncul, mendorong kami untuk membuka, menyalin atau melaporkan. Bahkan, kita juga dapat mencapai efek ini pada halaman web. Hari ini, saya akan mengajari Anda cara mencapai efek cepat mengklik tautan di jendela obrolan QQ.
Kode off adalah sebagai berikut:
<! Doctype html public -// w3c // dtd xhtml 1.0 transisi // en>
<html xmlns =>
<head>
<meta http-equiv = konten-tipe konten = teks/html; Charset = GB2312 />
<Title> Cara mengklik tautan di jendela obligasi qq obrolan untuk menampilkan efek cepat - aspku.com </iteme>
<bahasa skrip = JavaScript type = Text/JavaScript>
fungsi s (i) {return document.getElementById (i)}
fungsi copyUrl () {// copy url
var clipboardcontent = s (downloaddirect) .href;
mencoba{
window.clipboarddata.setData (teks, clipboardcontent);
Peringatan (URL ini telah disalin ke clipboard.);
} catch (e) {
Peringatan (salinannya tidak berhasil, silakan salin di browser IE.);
}
}
document.onClick = function (evt) {// Sembunyikan lapisan yang ditampilkan saat mengklik di lokasi yang bukan tautan
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 () {// Saat halaman web dimuat, semua A di bawah objek yang ditentukan terikat untuk diikat.
var html = s (htmer);
var html1 = html.getElementsbyTagname (a);
untuk (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? _event.clientx + document.body.scrollleft + 10: _event.clientx + document.body.scrollleft - 120);
S (downloadpanel) .style.display = '';
S (downloaddirect) .href = this.href;
mengembalikan false;
}
}
}
</script>
<Tipe Gaya = Teks/CSS>
html, body {font-size: 12px;}
A {Color:#0000ff; Text-Decoration: Underline; Kursor: Pointer;}
.pointer {kursor: pointer;}
.infobar {latar belakang:#eaf9ff; border: 1px solid#1d5cbb; warna:#0000ff; margin-bottom: 10px; padding: 8px 20px 4px 20px;}
</tyle>
</head>
<body>
<Div id = downloadpanel style = Posisi: absolute; atas: 0px; kiri: 0px; lebar: 160px; z-index: 999; padding: 6px 2px 6px 10px; Border: 1px solid #1D5CBB; Tampilan: Tidak Ada; class = infobar>
<div style = padding: 3px 0 0 0;> <a id = downloadDirect href = javascript: void (0); target = _blank> buka url </a> & nbsp; & nbsp; <a id = downloadagent href = javascript: void (0); OnClick = copyUrl ()> salin </a> & nbsp; & nbsp; <a href = javascript: void (0) ontClick = s ('downloadpanel'). style.display = 'none';> tutup </a> </div>
</div>
<Div id = htmer>
<p> <a href => </a> </p>
<p> <a href => </a> </p>
</div>
</body>
</html>