บทความบทนำของ wulin.com (www.vevb.com): ในหน้าต่างแชท QQ เมื่อเพื่อนส่งลิงค์ URL ให้เราเมื่อย้ายเมาส์ไปยังลิงก์กล่องพรอมต์จะปรากฏขึ้นแจ้งให้เราเปิดคัดลอกหรือรายงาน ในความเป็นจริงเรายังสามารถบรรลุผลกระทบนี้บนหน้าเว็บ วันนี้ฉันจะสอนวิธีการบรรลุผลพร้อมการคลิกที่ลิงค์ในหน้าต่างแชท QQ
ในหน้าต่างการแชท QQ เมื่อเพื่อนส่งลิงค์ URL ให้เราเมื่อย้ายเมาส์ผ่านลิงก์กล่องพรอมต์จะปรากฏขึ้นแจ้งให้เราเปิดคัดลอกหรือรายงาน ในความเป็นจริงเรายังสามารถบรรลุผลกระทบนี้บนหน้าเว็บ วันนี้ฉันจะสอนวิธีการบรรลุผลพร้อมการคลิกที่ลิงค์ในหน้าต่างแชท QQ
รหัสปิดมีดังนี้:
<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en>
<html xmlns =>
<head>
<meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = gb2312 />
<title> วิธีคลิกที่ลิงค์ในหน้าต่างการแชทเลียนแบบเพื่อแสดงเอฟเฟกต์พรอมต์ - aspku.com </title>
<ภาษาสคริปต์ = javascript type = text/javascript>
ฟังก์ชั่น s (i) {return document.getElementById (i)}
ฟังก์ชั่น copyurl () {// คัดลอก url
var clipboardContent = s (downloadDirect) .href;
พยายาม{
window.clipboarddata.setData (ข้อความ, clipboardcontent);
การแจ้งเตือน (URL นี้ถูกคัดลอกไปยังคลิปบอร์ด);
} catch (e) {
การแจ้งเตือน (สำเนาไม่สำเร็จโปรดคัดลอกในเบราว์เซอร์ IE);
-
-
document.onclick = function (evt) {// ซ่อนเลเยอร์ที่แสดงเมื่อคลิกในตำแหน่งที่ไม่ใช่ลิงค์
var _target = evt? evt.target: Event.srecelement;
var _id = _target.id;
ถ้า (_id ==) {
_id = _target.tagname;
-
ถ้า (_id! = a) {
s (downloadpanel) .style.display = 'ไม่มี';
-
-
window.onload = function () {// เมื่อโหลดเว็บเพจถูกโหลดทั้งหมดภายใต้วัตถุที่ระบุจะถูกผูกไว้
var html = s (htmer);
var html1 = html.getElementsByTagname (a);
สำหรับ (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.srelement;
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;
กลับเท็จ;
-
-
-
</script>
<style type = text/css>
html, body {font-size: 12px;}
A {color:#0000ff; การตกแต่งข้อความ: ขีดเส้นใต้; เคอร์เซอร์: ตัวชี้;}
.pointer {เคอร์เซอร์: ตัวชี้;}
.infobar {พื้นหลัง:#eaf9ff; ชายแดน: 1px ของแข็ง#1d5cbb; สี:#0000ff; มาร์จิ้น-กอตทอม: 10px;
</style>
</head>
<body>
<div id = downloadpanel style = ตำแหน่ง: Absolute; Top: 0px; ซ้าย: 0px; Width: 160px; z-index: 999; padding: 6px 2px 6px 10px; border: 1px solid #1d5cbb; class = infobar>
<div style = padding: 3px 0 0 0;> <a id = downloaddirect href = JavaScript: void (0); target = _blank> เปิด URL </a> & nbsp; & nbsp; <a id = downloadagent href = JavaScript: void (0); onclick = copyurl ()> คัดลอก </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>