wulin.com의 기사 소개 (www.vevb.com) : QQ 채팅 창에서 친구가 URL 링크를 보낼 때 마우스를 링크로 옮길 때 프롬프트 상자가 나타나서 열리거나 복사하거나보고하라는 메시지가 표시됩니다. 실제로 웹 페이지 에서이 영향을 얻을 수도 있습니다. 오늘은 QQ 채팅 창에서 링크를 클릭하는 신속한 효과를 달성하는 방법을 알려 드리겠습니다.
QQ 채팅 창에서 친구가 우리에게 URL 링크를 보낼 때 마우스를 링크 위로 이동할 때 프롬프트 상자가 나타나서 열리거나 복사하거나보고하라는 메시지가 표시됩니다. 실제로 웹 페이지 에서이 영향을 얻을 수도 있습니다. 오늘은 QQ 채팅 창에서 링크를 클릭하는 신속한 효과를 달성하는 방법을 알려 드리겠습니다.
오프 코드는 다음과 같습니다.
<! doctype html public- // w3c // dtd xhtml 1.0 Transitional // en>
<html xmlns =>
<헤드>
<meta http-equiv = content-type content = text/html; charset = gb2312 />
<title> 모방 QQ 채팅 창에서 링크를 클릭하는 방법 Prompt Effect -Aspku.com </title>
<스크립트 언어 = javaScript 유형 = 텍스트/JavaScript>
함수 s (i) {return document.getElementById (i)}
함수 copurl () {// copy url
var clipboardContent = s (downloadDirect) .href;
노력하다{
Window.clipboardData.SetData (텍스트, ClipboardContent);
경고 (이 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 () {// 웹 페이지가로드되면 지정된 객체 아래의 모든 A가 바인딩됩니다.
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? _event.clientx + document.body.scrollleft + 10 : _event.clientx.body.scrollleft -120);
s (downloadPanel) .style.display = '';
s (downloadDirect) .href = this.href;
거짓을 반환합니다.
}
}
}
</스크립트>
<스타일 유형 = 텍스트/CSS>
html, 바디 {font-size : 12px;}
a {색상 :#0000ff; 텍스트 결정 : 밑줄; 커서 : 포인터;}
.pointer {커서 : 포인터;}
.infobar {배경 :#eaf9ff; 테두리 : 1px 고체#1d5cbb; 색상 :#0000ff; 마진-바닥 : 10px; 패딩 : 8px 20px 4px 20px;}
</스타일>
</head>
<body>
<div id = downloadPanel style = 위치 : 절대; 상단 : 0px; 왼쪽 : 0px; 너비 : 160px; z-index : 999; 패딩 : 6px 2px 6px 10px; 테두리 : 1px 고체 #1d5cbb; 디스플레이 : 없음; 클래스 = infobar>
<div style = padding : 3px 0 0;> <a id = downloadDirect href = javaScript : void (0); target = _blank> 열기 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';> close </a> </div>
</div>
<div id = htmer>
<p> <a href => </a> </p>
<p> <a href => </a> </p>
</div>
</body>
</html>