用 JavaScript 给站外链接的 cursor 进行改造

时间：2020-10-03 10:16:21|栏目：JavaScript代码|点击：次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>用 JavaScript 给站外链接的 cursor 进行改造 - Beautiful Style &laquo; 样式之美 &raquo; 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" /> <script type="text/javascript"> /*    *  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\" />";         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(); } </script> <style type="text/css"> #outSiteIcon{     position:absolute;     z-index:99;     display:none; } </style> </head> <body> <h1>用JavaScript给站外链接的cursor进行改造</h1> <p>因为是自己用的，没把图片路径写成变量存起来，链接测试：<a href="/">实验室首页</a>，<a href="http://www.google.com">google</a>。</p>     <p>Copyright &copy; 2006 <a href="http://www.loaoao.com/">aoao</a> , <a href="http://www.creativecommons.cn/licenses/by-nc/2.5/" >Some Rights Reserved</a> .</p>      <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>     <script type="text/javascript">     _uacct = "UA-600690-2";     urchinTracker();     </script>          </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：微信小程序实现无限滚动列表

栏目：JavaScript代码

下一篇：微信小程序的动画效果详解

本文标题：用 JavaScript 给站外链接的 cursor 进行改造

本文地址：http://www.codeinn.net/misctech/6489.html

更多JavaScript代码

JavaScript代码

用 JavaScript 给站外链接的 cursor 进行改造

阅读排行

推荐教程