<title>JavaScript를 사용하여 외부 링크의 커서 변환 - 아름다운 스타일 « 스타일의 아름다움 » loaoao.com </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="KEYWords" content="js,cursor,outlinks,links,jscc,css,xhtml,effect"> <meta name="DEscription" content="用 JavaScript 给站外链接的 cursor 进行改造"> <meta name="author" content="aoao"> <meta content="all" name="robots"> <link rel="start" href="http://www.loaoao.com" title="Home"> <style type="text/css"> #outSiteIcon{ position:absolute; z-index:99; display:none; } </style> <h1> </h1>JavaScript를 사용하여 외부 링크의 커서 수정<p> <a href="/">직접 사용하기 때문에 이미지 경로를 저장용 변수로 작성하지 않았습니다. 링크 테스트: </a>실험실 홈페이지<a href="http://www.google.com">, </a>google</p>. <p> <a href="http://www.loaoao.com/">Copyright © 2006 </a>aoao<a href="http://www.creativecommons.cn/licenses/by-nc/2.5/"> , </a>일부 권리 보유</p> .<!--统计代码开始 --> <!--统计代码结束 --> [Ctrl A 모두 선택 참고: /* * Author:aoao * Homepage:http://www.loaoao.com * Email:loaoao@gmail.com / QQ:2222342 * Copyright (c) 2006 aoao * Licensed under a Creative Commons Attribution 2.5 License (http://creativecommons.org/licenses/by/2.5/) */ var jscc = new Object(); jscc = { init:function(){/*_*/}, path:"/scripts/jscc/", include:function (file){ var j=document.createElement("script"); j.setAttribute('type','text/javascript'); j.setAttribute('src',jscc.path+file+'.js'); document.getElementsByTagName("head")[0].appendChild(j); } }; jscc.addEvent = function( obj, type, fn ) { if ( obj.attachEvent ) { obj['e'+type+fn] = fn; obj[type+fn] = function(){obj['e'+type+fn]( window.event );} obj.attachEvent( 'on'+type, obj[type+fn] ); } else { obj.addEventListener( type, fn, false ); } }; jscc.getPosition=function(e) { e = e || window.event; var cursor = {x:0, y:0}; if (e.pageX || e.pageY) { cursor.x = e.pageX; cursor.y = e.pageY; } else { cursor.x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft; cursor.y = e.clientY + (document.documentElement.scrollTop ||document.body.scrollTop) - document.documentElement.clientTop; } return cursor; }; jscc.widgets = {/**/}; jscc.widgets.outLinks={ init:function(){ var outSiteIcon = document.createElement("div"); outSiteIcon.setAttribute('id','outSiteIcon'); document.getElementsByTagName("body").item(0).appendChild(outSiteIcon); outSiteIcon.innerHTML="<img src=\"outlink.gif\" / alt="JavaScript를 사용하여 오프사이트 link_javascript 기술의 커서 수정" >"; var as = document.getElementsByTagName("a"); aslen = as.length; var url="http://lab.loaoao.com"; for(var i=0;i< aslen ;i++){ if (as[i].href.indexOf(url)&&as[i].href!=""){ //jscc.addEvent(as[i],"mouseover",jscc.widgets.outLinks.show); jscc.addEvent(as[i],"mousemove",jscc.widgets.outLinks.show); jscc.addEvent(as[i],"mouseout",jscc.widgets.outLinks.hide); //as[i].target = "_blank"; } } }, show:function(e){ if(e!=undefined){ var outSiteIcon = document.getElementById("outSiteIcon"); outSiteIcon.style.display="block"; cursorCoordinate = new jscc.getPosition(e); outSiteIcon.style.top=cursorCoordinate.y - 4 + "px"; outSiteIcon.style.left=cursorCoordinate.x + 5 + "px"; } }, hide:function(){ var outSiteIcon = document.getElementById("outSiteIcon"); outSiteIcon.style.display = "none"; } } window.onload = function(){ jscc.widgets.outLinks.init(); } 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] _uacct = "UA-600690-2"; urchinTracker();
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
