zoukankan      html  css  js  c++  java
  • HTML中的鼠标光标属性

    在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是
    默认的鼠标形状default、
    小手形状hand、
    交叉十字crosshair、
    文本选择符号text、
    Windows的沙漏形状的wait、
    带有问好的鼠标help
    以及各个方向的箭头属性值

     1 <!--
     2 在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”。但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果。CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是
     3 默认的鼠标形状default、
     4 小手形状hand、
     5 交叉十字crosshair、
     6 文本选择符号text、
     7 Windows的沙漏形状的wait、
     8 带有问好的鼠标help
     9 以及各个方向的箭头属性值
    10 -->
    11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    12 <html xmlns="http://www.w3.org/1999/xhtml">
    13 <head>
    14 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    15 <title>鼠标光标属性</title>
    16 <style>
    17     h1{
    18         cursor:help;
    19     }
    20     h2{
    21         cursor:wait;
    22     }
    23     h3{
    24         cursor:pointer;
    25     }
    26 </style>
    27 </head>
    28 
    29 <body>
    30     <h1>wwwwwwwwwwwwwwwww</h1>
    31     <h2>wwwwwwwwwwwwwwwww</h2>
    32     <h3>wwwwwwwwwwwwwwwww</h3>
    33 </body>
    34 </html>
  • 相关阅读:
    使用gzip优化web应用(filter实现)
    在Spring、Hibernate中使用Ehcache缓存(2)
    Ehcache 整合Spring 使用页面、对象缓存(1)
    ehcache-----在spring和hibernate下管理ehcache和query cache
    使用Spring MVC构建REST风格WEB应用
    开涛spring3(12.4)
    开涛spring3(12.3)
    LLE局部线性嵌入算法
    图像固定条纹干扰
    多尺度字典学习超分辨率——相关中文文献
  • 原文地址:https://www.cnblogs.com/Y-HKL/p/5245015.html
Copyright © 2011-2022 走看看