页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

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

发布：dxy 发布日期：2006-12-1 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!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 « 样式之美 » 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/)  
 */

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(){

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> 
因为是自己用的，没把图片路径写成变量存起来，链接测试：<a href="/">实验室首页</a>，<a href="http://www.google.com">google</a>。 
    Copyright © 2006 <a href="http://www.loaoao.com/">aoao</a> , <a href="http://www.creativecommons.cn/licenses/by-nc/2.5/" >Some Rights Reserved</a> . 
     
<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 全选提示:你可先修改部分代码,再按运行]

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

百度中搜索更多的关于用 JavaScript 给站外链接的 cursor 进行改造内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文文章来源

顶一下

上一篇文章：createElement和onclick
下一篇文章：li隔行换色改进版

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行