注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

秋水无尘的博客

山一程,水一程

 
 
 

日志

 
 

引用 给日志添加鼠标特效【入门】  

2010-08-28 21:54:51|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自烟雨朦朦的博客《给日志添加鼠标特效【入门】》

 

引用

烟雨朦朦的博客给日志添加鼠标特效【入门】

 

 

 

收集:非常精美的分割线(二) - 潇潇的博客 - 烟雨笑笑的阁楼

 

 

在博客中使用适当地加入鼠标特效,无疑会使你的博客页面更加生动活泼有趣。不少刚入门的朋友常常不得要领,即便看了鼠标特效代码也不知如何添加。在这里便以图文的形式将添加鼠标特效的方法告诉你,相信会对你有所帮助。

通常,添加鼠标特效是日志或页面制作的最后一道工序,可谓是锦上添花的手笔。以下分别介绍为日志和首页自定义模块添加鼠标特效的方法。


<DIV style="CURSOR: url('http://img.xiaoneifans.com/cur/编号.cur ')">与</DIV>

收集:非常精美的分割线(二) - 潇潇的博客 - 烟雨笑笑的阁楼

 


为日志添加鼠标特效的方法

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

2009年10月3日 - 烟雨朦朦的博客 - 烟雨濛濛

 


 

收集:非常精美的分割线(二) - 潇潇的博客 - 烟雨笑笑的阁楼

 

 

直接调用代码:

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

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

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

 

收集:非常精美的分割线(二) - 潇潇的博客 - 烟雨笑笑的阁楼

 

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

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

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

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

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

 

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

               将代码:<script src="http://www.ik68.cn/javascript/BlogPublic.js"></script>

                      <script >SetMouseUrl(Url);</script>

                      放进您的博客或网页<body></body>之间!

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

               如:http://www.ik68.cn/cursor/mouse002.ani,  调用方法为:

                      <script src="http://www.ik68.cn/javascript/BlogPublic.js"></script>

                      <script >SetMouseUrl('http://www.ik68.cn/cursor/mouse002.ani');</script>

 

收集:非常精美的分割线(二) - 潇潇的博客 - 烟雨笑笑的阁楼

 

 

◆⊙⊙⊙◆
博客添加鼠标的代码◆⊙⊙⊙◆

将以下代码加到副模板的空白位置即可:
<STYLE type=text/css>
a:hover {cursor:url('*.ani')}
BODY {cursor:url('*.ani')}
</STYLE>

 

  评论这张
 
阅读(6)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017