Introducción al artículo de Wulin.com (www.vevb.com): En la ventana de chat QQ, cuando un amigo nos envía un enlace de URL, al mover el mouse al enlace, aparecerá un cuadro de inmediato, lo que nos incita a abrir, copiar o informar. De hecho, también podemos lograr este efecto en la página web. Hoy, le enseñaré cómo lograr el efecto rápido de hacer clic en el enlace en la ventana de chat QQ.
En la ventana de chat de QQ, cuando un amigo nos envía un enlace de URL, al mover el mouse sobre el enlace, aparecerá un cuadro de aviso, lo que nos lleva a abrir, copiar o informar. De hecho, también podemos lograr este efecto en la página web. Hoy, le enseñaré cómo lograr el efecto rápido de hacer clic en el enlace en la ventana de chat QQ.
El código de apagado es el siguiente:
<! Doctype html público -// w3c // dtd xhtml 1.0 Transitional // en>
<html xmlns =>
<Evista>
<meta http-oquiv = content-type content = text/html; Charset = GB2312 />
<title> Cómo hacer clic en el enlace en la ventana de chat de imitación QQ para mostrar el efecto de inmediato - Aspku.com </title>
<Script Language = JavaScript Type = Text/JavaScript>
función s (i) {return document.getElementById (i)}
función copyUrl () {// Copiar URL
var clipboardContent = s (downloadDirect) .href;
intentar{
Window.ClipboardData.SetData (texto, PortapboardContent);
alerta (esta URL se ha copiado en el portapapeles);
} catch (e) {
alerta (la copia no tiene éxito, por favor, cópiela en el navegador IE.);
}
}
document.OnClick = function (evt) {// Ocultar la capa que se muestra al hacer clic en una ubicación que no es un enlace
var _Target = EVT? evt.target: event.srcelement;
var _id = _target.id;
if (_id ==) {
_id = _target.tagname;
}
if (_id! = a) {
S (downloadPanel) .style.display = 'ninguno';
}
}
Window.Onload = function () {// Cuando se carga la página web, todos los un objeto especificado están obligados a estar vinculados.
var html = s (htmer);
var html1 = html.getElementsBytagName (a);
para (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;
devolver falso;
}
}
}
</script>
<estilo type = text/css>
html, cuerpo {font-size: 12px;}
A {Color:#0000ff; Decoración de texto: Underline; Cursor: Pointer;}
.pointer {cursor: pointer;}
.infobar {fondo:#eaf9ff; borde: 1px sólido#1d5cbb; color:#0000ff; margen-bottom: 10px; relleno: 8px 20px 4px 20px;}
</style>
</ablo>
<Body>
<Div id = Descargar el estilo de Panel = Posición: Absolute; Top: 0px; Izquierda: 0px; Ancho: 160px; Index Z: 999; Padding: 6px 2px 6px 10px; Border: 1px Solid #1D5CBB; Pantalla: Ninguno; 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 = downloadAgent href = javaScript: void (0); onClick = copyUrl ()> Copy </a> & nbsp; & nbsp; <a href = javaScript: void (0) onClick = s ('downloadPanel'). style.display = 'none';> cerrar </a> </iv>
</div>
<div id = htmer>
<p> <a href => </a> </p>
<p> <a href => </a> </p>
</div>
</body>
</html>