`
747017186
  • 浏览: 320365 次
社区版块
存档分类
最新评论

改变鼠标的样式

    博客分类:
  • html
 
阅读更多

一般的鼠标的样式只是个系统默认的样式,是个小箭头。但是我们可以改变鼠标的样式。可以设置鼠标在某一个区域改变样式。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP '2.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  <script type="text/javascript">
   $().ready(function(){
    
   });
  </script>
  <style type="text/css">
   div{
    border: 1px solid #000000;
    width: 300px;
    height: 150px;
    cursor:url("Unavailable.cur"),default;//提供cur的格式的图片
   }
  </style>
  </head>
 
  <body>
   <div></div>
   <div></div>
   <div></div>
  </body>
</html>

分享到:
评论
1 楼 wjiaoling136 2014-07-31  
cursor有好多个样式呢,你这个只是用图片显示鼠标的样式。
cursor:pointer;点击超链接时鼠标变成的手型
cursor:move;移动某个窗口时鼠标的样子
我以前还不知道呢

相关推荐

Global site tag (gtag.js) - Google Analytics