鼠标形状定义

一、基本语法及示例1

cursor版本:CSS2    兼容性:IE4.0+   NS6.0+ 继承性:有  
 
语法:
 
  cursor   :   auto   |   all-scroll   |   col-resize|   crosshair   |   default   |   hand   |   move   |   help   |   no-drop   |   not-allowed   |   pointer   |   progress   |   row-resize   |   text   |   vertical-text   |   wait   |   *-resize   |   url   (   url   )    
 
取值:
 
  auto     :
    默认值。浏览器根据当前情况自动确定鼠标光标类型。
   
  all-scroll     :
  IE6.0     有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
   
  col-resize     :
  IE6.0     有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
   
  crosshair     :
    简单的十字线光标。
   
  default     :
    客户端平台的默认光标。通常是一个箭头。
   
  hand     :
    竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
   
  move     :
    十字箭头光标。用于标示对象可被移动。
   
  help     :
    带有问号标记的箭头。用于标示有帮助信息存在。
   
  no-drop     :
  IE6.0     带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
   
  not-allowed     :
  IE6.0     禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
   
  pointer     :
  IE6.0       hand   一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
   
  progress     :
  IE6.0     带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
   
  row-resize     :
  IE6.0     有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
   
  text     :
    用于标示可编辑的水平文本的光标。通常是大写字母   I   的形状。
   
  vertical-text     :
  IE6.0     用于标示可编辑的垂直文本的光标。通常是大写字母   I   旋转90度的形状。
   
  wait     :
    用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
   
  *-resize     :
    用于标示对象可被改变尺寸方向的箭头光标。
w-resize   |   s-resize   |   n-resize   |   e-resize   |   ne-resize   |   sw-resize   |   se-resize   |   nw-resize    
  url   (   url   )     :
  IE6.0     用户自定义光标。使用绝对或相对   url   地址指定光标文件(后缀为   .cur   或者   .ani   )
   
   
 
说明:
 
 
设置或检索在对象上移动的鼠标指针采用的光标形状。
 
 
此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。
 
 
此属性对于   currentStyle   对象而言是只读的。对于其他对象而言是可读写的。
 
 
对应的脚本特性为   cursor  
   
 
示例:
 
  p   {   cursor:   text;   }    
  a   {   cursor:   pointer;   }  
  body   {   cursor:   url("mycursor.gif"),   url("images/cursors/footcursor.jpg"),   default;   }    

说个例子:  
   
  aaaaaaaaaa  

 

 

 

二、示例2

</font></font></span></p> <p></p> <p class="MsoNormal" style="line-height:150%;"><font><font color="#000000"><span style="line-height:150%;font-family:'宋体';">各种鼠标形状</span><span style="line-height:150%;font-family:Arial;"></span></font></font></p> <p></p> <p class="MsoNormal" style="line-height:150%;"><span style="line-height:150%;font-family:Arial;"><font><font color="#000000">

 

下面定义css属性 -->

金山简行楷" size="4" color="blue">

注意


各种各样的鼠标形状


 

   

   

   

   

 

 

   

   

   

   

 

 

   

   

   

   

 

   

   

   

   

     隶书" size="2">

     

         自动形状

     

    

   

     隶书" size="2">

     

         十字形状

     

    

   

     隶书" size="2">

     

         一般箭头

     

    

   

     隶书" size="2">

     

         移动光标

     

    

   

     隶书" size="2">

     

         向右箭头

     

    

   

     隶书" size="2">

     

         右上箭头

     

    

   

     隶书" size="2">

     

         右下箭头

     

    

   

     隶书" size="2">

     

         向上箭头

     

    

   

     隶书" size="2">

     

         左上箭头

     

    

   

     隶书" size="2">

     

         向左箭头

     

    

   

     隶书" size="2">

     

         左下箭头

     

    

   

     隶书" size="2">

     

         向下箭头

     

    

   

     隶书" size="2">

     

         文本光标

     

    

     隶书" size="2">

     

         漏斗形状

     

    

   

     隶书" size="2">

     

         帮助光标

     

    

   

     隶书" size="2">

     

         手形光标

     

   

 

 

三、示例3

答案一

style="cursor:hand;"  
    cursor   :   auto   |   crosshair   |   default   |   hand   |   move   |   help   |   wait   |   text   |   w-resize   |s-resize   |   n-resize   |e-resize   |   ne-resize   |sw-resize   |   se-resize   |   nw-resize   |pointer   |   url   (url)   
  
  p   {   cursor:   text;   }   
  a   {   cursor:   pointer;   }  
  body   {   cursor:   url("mycursor.gif"),   url("images/cursors/footcursor.jpg"),   default;   }   
     

答案二


源代码是这样的,  
  
  document.all.theTop.style.cursor   =   "crosshair";  
  
 
运行结果,鼠标是十字架。

你可能感兴趣的:(html,Javascript,Ajax,asp.net)