·设为首页
·联系站长
·加入收藏
 您的位置: 【网络时空】 豪发网络 >> 文章教程 >> 综合网页文章 >> 正文
  个性网页鼠标(游标)攻略    3星级
个性网页鼠标(游标)攻略
[ 作者:Aken     转贴自:本站原创     点击数:     更新时间:2005-12-25     文章录入:aken
【字体: 字体颜色      双击自动滚屏

 

++++++ 个性网页鼠标(游标)使用方法 +++++++


一、
在<head>与</head>之间插入以下代码:
<style type=text/css>
<!--
BODY{cursor:url(’images/1.cur’);}
a{cursor:url(’images/2.cur’);}
-->
</style>

这2个鼠标都是图片格式的(扩展名为cur或ani).也称为游标图。
 把images/1.cur、images/2.cur’的地址改为你鼠标所在地址就可以了。
 images/1.cur’为整页的鼠标样式。images/2.cur’为鼠标放在有链接的文字时的鼠标样式。

二、如果您想用gif格式的图片(而不用cur或ani),建议使用如下方:

  將以下全部代码复制您页面上


        <!-------游标图代码开始-------->

<div id="cursor" style="position:absolute; left:100px; top:160px; width:100px; height:25px; z-index:0; visibility: visible">
<IMG height=60 src="http://bgtalking.com/Images/ck10.gif" width=60 >
</div><script language="JavaScript">
<!--
function YY_Mousetrace(evnt) { //v1.2 copyright (c)1998 Yaro von Flocken
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}
function m()
{
document.all.cursor.style.left=yy_ml+10
document.all.cursor.style.top=yy_mt+10
}
//-->
</script>
<script language="JavaScript">
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = 'm()';
//-->
</script>
         <!-------游标图代码结束-------->

注意: < IMG height=60 src="http://XXX.com/Images/ck10.gif" width=60 > 是你图片的网页路径

三、上述两种方法可同时使用,效果如:http://k688.com/shubiao/index1.htm

 

 
  • 上一篇文章: 点击广告才可显示文章或下载地址的代码

  • 下一篇文章: Java虚拟机下载(烟花特效用)
  • 发表评论   告诉好友   打印此文  关闭窗口
     最新5篇热点文章
    网页简繁转换功能[495]
    特殊字符总汇[453]
    通过CSS实现按钮图片效果[737]
    CSS特效赏析[851]
    HTML语法效果[856]
     
     最新5篇推荐文章
    如何制作透明FLASH[02-03]
    非常全的主页设置代码[12-29]
    个性网页鼠标(游标)攻略[12-25]
    透明flash代码[11-03]
    网页代码常用小技巧![10-31]
     
     相 关 文 章

      网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)