allwiki首页  
天下维客 你可以修改的网络知识库
首页最近更改优秀条目专题展示电脑科技词典软件学习网络知识电脑安全明星时尚天下百科
 

新浪博客鼠标特效代码的添加

天下维客,你可以修改的网络知识库

Jump to: navigation, search
鼠标结构 鼠标维护 光电鼠标 其它的鼠标
鼠标特效代码 QQ空间鼠标代码 博客鼠标特效代码 网页鼠标特效代码 其它鼠标代码

本篇文章以在2006年火了一把的新浪博客为例,介绍一下如何添加鼠标特效代码。学会了之后,你可以在你的博友面前秀一下了^_^......

第一步、登陆我的博客,在首页右上方能找到“控制面板”点击进入。

U211P346T8D189F18DT20060410193835.jpg


第二步、点击进入“个人首页维护”项目


U211P346T8D189F19DT20060410194047.jpg


第三步、点击“点击进入编辑界面”进入“自定义空白面板”

U211P346T8D189F73DT20060410194244.jpg
然后打开一个已经建立好的模板,这里注意,一定要是已经建立好的!

U211P346T8D189F147DT20060410194606.jpg
随意打开一个已经建好的模板,模板打开后勾选“面板介绍”下方的“显示源代码”勾选框。
U211P346T8D189F148DT20060410193404.jpg

注意勾选“显示源代码”

第四步、将如下代码贴入文本框中原本代码后即可。

<STYLE type=text/css>
a:hover {cursor:url('<a href="http://webme.bokee.com/inc/mouse014.ani')}" class="external free" target="_blank" title="http://webme.bokee.com/inc/mouse014.ani')}" rel="nofollow">http://webme.bokee.com/inc/mouse014.ani')}</a>
BODY {cursor:url(' <a href="http://webme.bokee.com/inc/mouse027.cur')}" class="external free" target="_blank" title="http://webme.bokee.com/inc/mouse027.cur')}" rel="nofollow">http://webme.bokee.com/inc/mouse027.cur')}</a>
</STYLE>

要想变成别的指针,可以按照下边的代码格式改动即可。
其中"鼠标网址1"和鼠标网址2"要换成实际的鼠标指针地址。

<STYLE type=text/css>
a:hover {cursor:url('鼠标网址1')}
BODY {cursor:url('鼠标网址2')</STYLE>
  • 代码说明:
    • 需要符合以下条件:
      • a、必须是网址http://开头的。
      • b、必须是以格式".ani"和".cur"结尾的动态图。
      • c、其中“.ani”后缀的文件动态鼠标文件,“.cur”结尾的文件为静态鼠标文件,在使用时请注意。
    • 其它说明
      • “鼠标网址1”则是会在你的鼠标移动到某个栏目有链接的地方才会显示的鼠标样式,普通情况不会显示。
      • “鼠标网址2”是显示在文章主体中的鼠标样式,也就是大部分位置会显示你在此处替换的鼠标网址.
      • 新浪博客只可以添加上边的CSS代码,不可以添加Javascript代码,因为Javascript代码会被屏蔽。

U211P346T8D209F18DT20060412183736.jpg

贴入代码后“保存”(上图),面板提示更新成功(如下图)

U211P346T8D209F19DT20060412183736.jpg

下面的操作更为关键,许多人之所以没有看到鼠标效果,是因为只做了以上几步即停止了。

第五步、打开控制面板右侧导航条中的“自定义设置”下方的“定制我的首页”。(如下图)

Image:Mousepoint1.PNG


第六步、在随后出现的页面的左下方,点击图标Image:Mousepoint3.1.PNG ,或者右方的图标“添加模块”(如下图)

Image:Mousepoint3.2.PNG

第七步、在接下来出现的页面中,勾选“自定义空白面板“中的鼠标前的小方框。(如下图)

Image:Mousepoint2.PNG
最后、点击“选取”按钮即可(如下图)。刷新主页面,看看效果吧。
Image:Mousepoint4.PNG


参考资料

相关条目

</dd>

相关资料</dt></dl> 更多鼠标指针地址:http://blog.sina.com.cn/u/446ae4ee010006q4

Personal tools
工具
金银币拍卖 金币拍卖预展  金银币网店 熊猫金银币 生肖金银币