分享

【博客】动态鼠标样式代码

 红尘精灵 2011-04-07

 

动态鼠标样式代码

 

鼠标指向时的光标样式,不需在网上浪费大量时间去搜索,它代码这里有的是,还现场演示呢!

 

移此位显效果 该鼠标样式路径:http://www./cursor/mouse001.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse002.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse003.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse004.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse005.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse006.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse007.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse008.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse009.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse010.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse011.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse012.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse013.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse014.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse015.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse016.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse017.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse018.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse019.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse020.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse021.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse022.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse023.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse024.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse025.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse026.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse027.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse028.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse029.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse030.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse031.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse032.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse033.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse034.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse035.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse036.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse037.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse038.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse039.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse040.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse041.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse042.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse043.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse044.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse045.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse046.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse047.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse048.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse049.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse050.ani
移此位显效果 该鼠标样式路径:http://www./cursor/mouse001.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse002.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse003.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse004.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse005.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse006.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse007.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse008.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse009.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse010.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse011.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse012.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse013.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse014.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse015.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse016.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse017.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse018.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse019.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse020.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse021.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse022.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse023.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse024.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse025.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse026.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse027.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse028.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse029.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse030.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse031.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse032.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse033.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse034.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse035.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse036.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse037.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse038.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse039.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse040.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse041.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse042.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse043.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse044.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse045.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse046.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse047.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse048.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse049.cur
移此位显效果 该鼠标样式路径:http://www./cursor/mouse050.cur

直接调用代码:

第一种鼠标样式应用在整个表格,代码加在<table>标签中。

<table style="CURSOR: url('http://www./cursor/mouse013.ani')" height=高度 width=宽度 border=1><tr><td>

此处加内容或文本</td></tr></table> 

第二种.鼠标样式应用在表格部分,代码加在<td>标签中。

<table border=1><tr><td style="CURSOR: url('http://www./cursor/mouse013.ani')" height=高度> 

  此处加内容或文本</td></tr></table> 

第三种.鼠标样式应用在整个网页,代码加在<body>标签中。

<boyd style="CURSOR: url('http://www./cursor/mouse001.ani')">此处加内容或文本</boyd>

 

Js调用包方法:http://www./javascript/BlogPublic.js

               将代码:<script src="http://www./javascript/BlogPublic.js"></script>
                      <script >SetMouseUrl(Url);</script>
                      放进您的博客或网页<body></body>之间!

               注:SetMouseUrl(Url)中Url为上面动态鼠标样式完整路径,

               如:http://www./cursor/mouse002.ani,  调用方法为:
                      <script src="http://www./javascript/BlogPublic.js"></script>
                      <script >SetMouseUrl('http://www./cursor/mouse002.ani');</script>

实例中的效果:

实例1,鼠标样式加在表格上:

<table style="CURSOR: url('http://www./cursor/mouse013.ani')" borderColor=#162b3b height=100 cellSpacing=0 cellPadding=0 width=330 align=center border=1>
       <tr>
       <td style="FILTER: Blur(Add=true, Direction=180, Strength=15)" bgColor=#162b3b height=30><FONT color=#00ffff size=4><STRONG>这里写上标题</STRONG></FONT></td></tr>
        <tr>
        <td vAlign=top height="100%"><FONT size=2>这里写上内容</FONT></td></tr></table> 

  效果:

这里写上标题
这里写上内容

实例2,鼠标样式加在区域内:

<div style="WIDTH: 330px; CURSOR: url('http://www./cursor/mouse038.ani'); HEIGHT: 130px;

 BACKGROUND-COLOR: #777777">这里加上内容</div>

 或

<p style="WIDTH: 330px; CURSOR: url('http://www./cursor/mouse038.ani'); HEIGHT: 130px;

BACKGROUND-COLOR: #777777">这里加上内容</p>

<SPAN style="WIDTH: 330px; CURSOR: url('http://www./cursor/mouse038.ani'); HEIGHT: 130px;

 BACKGROUND-COLOR: #777777">这里加上内容</SPAN>


         效果:

这里加上内容
       实例3,鼠标样式直接加在文字上:
 
       <div style="CURSOR: url('http://www./cursor/mouse023.ani')"><FONT color=#4474bb size=5><STRONG>
        鼠标样式加在文字上</STRONG></FONT></div> 
     
        效果:
鼠标样式加在文字上
 
 
 
       实例4,鼠标样式直接加在图片上:
 
       <div style="CURSOR: url('http://www./cursor/mouse022.ani')"><IMG height=250 src="http://image26.360doc.com/DownloadImg/2011/04/0710/10703923_1.jpg" width=330 border=0></div>
 
       效果:
【博客】动态鼠标样式代码  - 秋夢園主☆秋 - ☆秋夢園☆
 

 

 

出处:http://www./Mouse.htm      互联友吧

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多