怎样换网页中的鼠标图案??换成其他图片

来源:百度知道 编辑:UC知道 时间:2024/05/17 00:58:47
怎样换网页中的鼠标图案??换成其他图片

动态鼠标的插入

在</STYLE>后面插入
<STYLE type=text/css>
<!--
body{cursor:url(**.ani );}
a{cursor:url('**.cur ');}
-->
</STYLE>

说明:

1、( )号中的为你的图标的路径,后缀名还有**.ico的,和**.ani的.

2、第一个路径是鼠标移动时的指针。第二个路径是接触链接时的指针。

后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画

现在网页的设计都讲究整体统一风格,无论是网页的文字、图像,还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼,下面我就介绍两种改变网页上鼠标的方法:

一、用CSS(Cascading Style Sheets,层叠样式表)的方法
首先要制作或者寻找一套适合网页风格的鼠标,我使用的鼠标是weste.ani和weste2.ani,在,将两个文件存放到的网站的文件夹ani,然后在你的网页文件的</head></head>之间加上代码:
<style type="text/css">
<!--
body {CURSOR: url("ani/weste.ani")}
A {CURSOR: url("ani/weste2.ani")
-->
</style>
再次浏览网页的时候你会发现,网页的鼠标显示已经改变了。当鼠标悬停在链接上的时候,显示的weste2.ani样子,其他时候显示weste.ani。
原理:其实这种方法利用了CSS2的一个cursor