Artikeleinführung von Wulin.com (www.vevb.com): Im QQ -Chat -Fenster wird uns ein Eingabeaufforderungstich zum Verschieben der Maus zum Verschieben der Maus sendet, und fordert uns auf, zu öffnen, zu kopieren oder zu melden. Tatsächlich können wir diesen Effekt auch auf der Webseite erreichen. Heute werde ich Ihnen beibringen, wie Sie den sofortigen Effekt des Klickens auf den Link im QQ -Chat -Fenster erreichen können.
Wenn uns ein Freund im QQ -Chat -Fenster einen URL -Link sendet. Wenn wir die Maus über den Link verschieben, wird ein Eingabeaufforderungsfeld angezeigt, das uns zum Öffnen, Kopieren oder Bericht fordert. Tatsächlich können wir diesen Effekt auch auf der Webseite erreichen. Heute werde ich Ihnen beibringen, wie Sie den sofortigen Effekt des Klickens auf den Link im QQ -Chat -Fenster erreichen können.
Der Off -Code ist wie folgt:
<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en>
<html xmlns =>
<kopf>
<meta http-äquiv = content-type content = text/html; charSet = gb2312 />
<titels> Klicken Sie im Link im QQ -Chat -Fenster im Imitation, um einen Eingabeaufforderungseffekt anzuzeigen - ASPKU.com </title>
<script Language = javaScript type = text/javaScript>
Funktion s (i) {return document.getElementById (i)}
Funktion CopyURL () {// URL kopieren
var clipboardContent = s (DownloadDirect) .reif;
versuchen{
window.clipboardData.setData (Text, ClipboardContent);
Alarm (diese URL wurde in die Zwischenablage kopiert.);
} catch (e) {
Alarm (die Kopie ist erfolglos, kopieren Sie sie bitte im IE -Browser.);
}
}
document.onclick = function (evt) {// Ausblenden Sie die angezeigte Ebene, wenn Sie an einem Ort klicken, der kein Link ist
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 () {// Wenn die Webseite geladen wird, müssen alle unter dem angegebenen Objekt gebunden sein.
var html = s (htmer);
var html1 = html.getElementsByTagName (a);
für (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;
false zurückgeben;
}
}
}
</script>
<style type = text/css>
html, Körper {Schriftgröße: 12px;}
A {Farbe:#0000ff; Textdekoration: Unterstreich; Cursor: Zeiger;}
.Pointer {Cursor: Zeiger;}
.infobar {Hintergrund:#eAf9ff; Grenze: 1PX Solid#1D5CBB; Farbe:#0000ff; Margin-Bottom: 10px; Padding: 8px 20px 4px 20px;}
</style>
</head>
<body>
<div id = downloadPanel style = Position: absolut; obere: 0px; links: 0px; Breite: 160px; Z-Index: 999; Padding: 6px 2px 6px 10px; Grenze: 1px solid #1d5cbb; Anzeige: keine; class = infobar>
<div style = padding: 3px 0 0 0;> <a id = downloadDirect href = javaScript: void (0); target = _blank> url öffnen </a> & nbsp; & nbsp; <a id = downloadagent href = javaScript: void (0); onclick = copyUrl ()> kopieren </a> & nbsp; & nbsp; <a href = javaScript: void (0) onclick = s ('downloadPanel').
</div>
<div id = htmer>
<p> <a href => </a> </p>
<p> <a href => </a> </p>
</div>
</body>
</html>