CSS3 Dot TOP

编辑本页后请点击“保存”。请参阅 syntax 了解维基语法。只有在您能改进该页面的前提下才编辑它。如果您想尝试一些东西，请先到 playground 热身。

====== html5鼠标样式 ======
===== css实现 =====
利用cursor属性\\
比如说''cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;''\\
一个完整的例子：\\
  button:hover{
    cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
  }
  body,label,div,nav,section,footer,time,span,h1,h2,h3,h4,h5{
    cursor: url(https://sinriv.com/img/mouse.ico),auto;
  }
  textarea{
    cursor: url(https://sinriv.com/img/mouse_edit.ico),auto;
  }
  a:hover{
    cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
  }
  .mouse-selected,.mouse-selected>*{
    cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
  }
  input[type="text"]{
    cursor: url(https://sinriv.com/img/mouse_edit.ico),auto;
  }
  input[type="button"]{
    cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
  }

===== js实现 =====
很简单，四行代码\\
首先先获取元素
  var e=document.getElementById("div");
然后设置样式
  e.onmouseover = function(){
    this.style.cursor = 'pointer';
  }
如果我们希望直接使用自己图片(必须ico格式)作为鼠标形状，可以在script中添加url地址。
  e.onmouseover = function(){
    this.style.cursor = 'url(cur.ico),auto';
  }
如果想在整个网页打开后默认鼠标样式可以直接在body中“onload="document.body.style.cursor='crosshair'"，crosshair可以换成pointer、move或者url图片等鼠标样式。

编辑摘要

当您选择开始编辑本页，即寓示你同意将你贡献的内容按下列许可协议发布： GNU Free Documentation License 1.3

CSS3 Dot TOP

用户工具

站点工具

页面工具