网站鼠标指针代码鼠标光标代码教程
  • 内容
  • 相关

现在有很多网站的鼠标指针都是加了代码,看起来特别一点,自己看也比白色小箭头的鼠标指针好看一些,还能吸引别人。


下面我就来说说怎么制作鼠标指针代码的教程


QQ图片20170528234450.png


以吾爱搜本站为例,步骤如下:

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

网站鼠标指针代码鼠标光标代码教程-下载页面
评论后还是无法显示下载地址?清理缓存-点我试试
热度:2096° 评分:8.7 发布时间: 2017年5月28日

本文标签:

版权声明:若无特殊注明,本文皆为《小洋vier》原创,转载请保留文章出处。

本文链接:网站鼠标指针代码鼠标光标代码教程

发表评论

电子邮件地址不会被公开。 必填项已用*标注