打造店铺动态漂亮鼠标指针样式

教你打造店铺动态漂亮鼠标指针样式

先预览下效果



因为鼠标指针的网络地址必须要是腾读旗下的地址才可以用,
所以我们首先得想办法从QQ空间下手! 哈哈....

第一步:
进入到自己的QQ空间,点击装扮空间-装饰-鼠标
如下图:我们看到了很多漂亮的鼠标指针样式,有59页,大家可以慢慢挑选了.呵呵!


第二步:
重点来了,下面就开始如何获得鼠标指针的网络地址了,大家看中了一款鼠标,(我以 珍惜拥有 那款为例)然后点鼠标右键,我们可以看这个鼠标的地址.
如下图:


注意了:这个地址是以gif为后缀名的网络地址!但我们的鼠标指针后缀名必须是要以.ani或者.cur结尾的,(ani是动态鼠标指针,cur是静态鼠标指针)那怎么办呢?我们接着看第三步了,

第三步:
我们将这个鼠标指针的网络地址复制下来.然后粘贴到地址栏,
我们看到的是如下地址:
/article/UploadPic/2010-10/201010228434528.gif
现在我们要修改一下.
将上面的地址当中的pre修改为orig
gif修改为ani
其它保持不变
这样这个地址就变为了
http://imgcache.qq.com/qzone/space_item/orig/13/41837.ani
这样我们就得了鼠标指针的网络地址,而且就是我刚刚选中的那款.
我们用同样的方法,得到另外一款鼠标的地址
http://imgcache.qq.com/qzone/space_item/orig/8/40296.ani
这样我们就得到了两个鼠标指针的网络地址,接下来我们就开始应用了


第四步:
鼠标指针的代码如下:
<STYLE>  
body{cursor: url("鼠标指针地址"); } 
a{cursor: url("鼠标指针地址"); }  
</STYLE>

我们将鼠标指针地址替换成上面我们刚刚得到的鼠标地址.得到如下代码
<STYLE>  
body{cursor: url("http://imgcache.qq.com/qzone/space_item/orig/13/41837.ani"); } 
a{cursor: url("http://imgcache.qq.com/qzone/space_item/orig/8/40296.ani"); }  
</STYLE>
说明一下:为什么会有两个鼠标指针定地址呢?
第一个地址是表示在店铺时我们鼠标位置未有任何链接的鼠标指针样式,
第二个地址是表示我们把鼠标移动有链接的地方的时候的鼠标指针样式.
我们只要将这段代码复制粘贴到
店铺管理-美观设置-自定义店铺活动区域内容-点编辑源文件 放进去即可
最后点确定提交.
这样为店铺添加鼠标指针的样式就大功告成了，
怎么样?学会了吗？
想拥有自己店铺漂亮的鼠标指针吗？那就赶快去试试吧?