CSS实现鼠标变化

html-css024

CSS实现鼠标变化,第1张

CSS完全可以做到啊

cursor -- 定义鼠标样式

<style="cursor:url('鼠标图片的网址')">

*{crusor:url('鼠标图片的网址')}

详细介绍:

取值: [ [<uri>,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit

[<uri>,]*: 根据用户定义的资源显示

auto: 正常鼠标

crosshair: 十字鼠标

default: 默认鼠标

pointer: 点状鼠标

move: 移动鼠标

e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标

text: 文字鼠标

wait: 等待鼠标

help: 求助鼠标

progress: 过程鼠标

inherit: 继承

引用网址:http://www.dreamdu.com/css/property_cursor/

初始值: auto

继承性: 是

适用于: 所有元素

cursor: 中文"鼠标"的意思.

参照以下代码:

写在标签内的鼠标经过的语句。

<p>查找更多代码,.borderColor之类的前面一定要有style,因为是改变行内样式,如果是classname就不用,如onMouseOut="this.style.background='url(image/login_2.jpg)'" ,一定要'url()',不然出错。

<div  class="cbt2" onMouseOver="this.className='cbt1'" onMouseOut="this.className='cbt2'"><span class="btsue" onMouseOver=" this.style.color='#FFFFFF'" onMouseOut="this.style.color='#0066cc'" >确 认</span></div>