现在有很多网站的鼠标指针都是加了代码,看起来特别一点,自己看也比白色小箭头的鼠标指针好看一些,还能吸引别人。
下面我就来说说怎么制作鼠标指针代码的教程
以吾爱搜本站为例,步骤如下:
1. 首先先把鼠标样式的代码复制
2. BODY后面控制的是鼠标放在文本上面的样式,A后面控制的是鼠标放在链接上面的样式,shubiao/1.cur和shubiao/2.cur是鼠标样式文件的地址
3. 拿到代码以后我们就要想着怎么用这个代码了,以DZ论坛为例,我们可以把这个代码直接添加到html网页里面去
打开文件\template\default\common\header_common.htm 这个文件,找个合适的地方吧上面的代码粘贴进去(合适的地方可以任意选,但是不要在另一个语句里面添加这个代码,可以在一个语句结尾和另一个语句开头之间添加这个代码),然后保存、上传、覆盖就可以了,更新一下网站缓存、刷新网页试试,鼠标是不是变了?
4. 下面我再介绍另外一种不用修改网页文件的方法,到DZ后台,进入全局—seo设置—其他—其他头部信息,把上面的代码粘贴进去再提交就可以了
5.如果你不想修改html文件这么麻烦就把代码放置在网站后台的代码调用区
上面的三种方法都适用于DZ论坛,如果你是其他类型的网站可以通过第五种方法实现,把鼠标样式代码添加到html文件中,无论是什么网站,方法都是大同小异,实际应用时请灵活应变
【代码①】
<STYLE type=text/css>
BODY{cursor:url('/shubiao/1.cur'), url(/shubiao/1.cur), auto;}
A{cursor:url('/shubiao/2.cur'), url(/shubiao/2.cur), auto;} </STYLE>
【代码②】
<STYLE type=text/css>
BODY{cursor:url('http://www.oxx0.com/t/1.cur'), url(http://www.oxx0.com/t/1.cur), auto;}
A{cursor:url('http://www.oxx0.com/t/2.cur'), url(http://www.oxx0.com/t/2.cur), auto;} </STYLE>
鼠标指针的光标可以去这里下载:http://www.oxx0.com/292.html