用css伪类hover可以实现这个功能。
1、新建html文档，在body标签中添加一个div标签，然后在div标签中添加p标签，为p标签添加内容：
2、为了方便演示，给div标签设置宽高和背景颜色，然后给p标签设置“display”属性，属性值为“none”，这样p标签中的文字默认情况下不会显示：
3、给div设置hover伪类，当鼠标移动到div区域时，设置p标签的样式为块级元素“block”：
4、这样当鼠标移动到div上时就会显示p标签内容，鼠标离开就不显示p标签内容：
1、打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img：
2、在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复。并且给img的类设置“:hover”伪类，设置伪类内的透明度为0.6：
3、打开浏览器，在浏览器内查看效果：
4、将鼠标移入图片，就会发现图片已经变亮了。以上就是用CSS设置鼠标经过图片变亮，移开变变暗效果的演示：
在CSS中定义鼠标样式的方法为：{cursor: url('路径/*.cur')}
然后看你想把这个鼠标样式定义到哪里就加什么标签。
通篇用，就定义boby{cursor: url('路径/*.cur')}
定义链接就用a{cursor: url('路径/*.cur')}
别的局部地方用就用别的名称，等等，总之和别的样式调用方法是一样的，可以在页面的任意地方指定不同的鼠标样式。
