|
++++++ 个性网页鼠标(游标)使用方法 +++++++ 一、在<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 |