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>
  • 相关阅读:
    codeforces#571Div2 D---Vus the Cossack and Numbers【贪心】
    洛谷P1050 循环【java大数】
    洛谷P1972 HH的项链【树状数组】
    uoj#67 新年的毒瘤【Tarjan】
    洛谷1265 公路修建【最小生成树】
    【超实用工具】三维场景绘制工具
    坐标地址批处理工具
    CAD转KML乱码处理
    地理编码逆编码教程
    最新!全球ALOS 12m地形数据介绍及下载
  • 原文地址:https://www.cnblogs.com/Y-HKL/p/5245015.html
Copyright © 2011-2022 走看看