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

更新时间：2006年12月01日 00:00:00 作者：

<!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获取和判断浏览器窗口、屏幕、网页的高度、宽度等,需要的朋友可以参考下
2014-05-05
JS从数组中随机取出几个数组元素的方法
JS如何从一个数组中随机取出一个元素或者几个元素呢？其实方法很简单，下面小编给大家分享了JS随机取出几个数组元素的方法，非常不错，需要的朋友参考下
2016-08-08
Mac/Windows下如何安装Node.js
在Mac、Ubuntu、Windows、Centos下如何安装Node.js，想必有一些朋友还不会吧，本文整理了一些，需要的朋友可以参考下
2013-11-11
JS数组去重的常用方法总结
这篇文章主要给大家介绍了关于js数组去重的常用方法,js数组去重是比较常见的数组操作方式之一,文中介绍了九种常用方法,需要的朋友可以参考下
2023-10-10
js实现右下角提示框的方法
这篇文章主要介绍了js实现右下角提示框的方法,实例分析了Jquery插件popup.js的具体用法,需要的朋友可以参考下
2015-02-02
页面载入结束自动调用js函数示例
当页面加载完成后自动调用预先编好的js函数，在某些特殊情况下还是比较实用的，具体实现如下，感兴趣的朋友可以参考下
2013-09-09
JS简单实现点击跳转登陆邮箱功能的方法
这篇文章主要介绍了JS简单实现点击跳转登陆邮箱功能的方法,涉及js针对hash表的遍历与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2017-10-10
JavaScript中的new操作符的具体使用
本文主要介绍了JavaScript中的new操作符的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-05-05
js观察者模式的介绍及使用
这篇文章主要介绍了java设计模式中观察者模式，全文通过举例子及代码的形式进行了一个简单的介绍，希望大家能够理解并且学习到其中知识
2021-08-08
ie与firefox下的event使用说明与详细区别
event是ie自带的一个对象，而ff中不存在该对象，只能通过传递参数（并且惟一）的方式来实现event.
2009-10-10

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具