zoukankan      html  css  js  c++  java
  • 用css 添加手状样式,鼠标移上去变小手,变小手

    用css 添加手状样式,鼠标移上去变小手,变小手

    方式一、
    cursor:pointer;
     
    cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。 

    cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。 
    cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。 

    结论:还是用 cursor:pointer 来的方便 

    用JS使鼠标变小手onmouseover(鼠标越过的时候)
    onmouseover="this.style.cursor='hand'"

    方式二、
     
    href="javascript:void(0)"  或者 href="#"
     

    cursor其他取值  
    auto                    :标准光标  
    default                 :标准箭头  
    pointer, hand                   :手形光标  
    wait                     :等待光标  
    text                      :I形光标  
    vertical-text          :水平I形光标  
    no-drop                :不可拖动光标  
    not-allowed           :无效光标  
    help                     :帮助光标  
    all-scroll         :三角方向标  
    move                     :移动标  
    crosshair           :十字标  
    e-resize  
    n-resize  
    nw-resize  
    w-resize  
    s-resize  
    se-resize  
    sw-resize
     
     
  • 相关阅读:
    JS —— 数组与字符串方法
    CSS —— 选择器
    HTML —— 小记
    Javascript学习记录——数组去重
    尝鲜 vue3.x 新特性
    Weex项目快速打包
    揭秘C# SQLite的从安装到使用
    Javascript中Promise的简单使用
    网页背景图片的淡入淡出效果
    部分标点符号和数学符号的英文名字
  • 原文地址:https://www.cnblogs.com/keyi/p/6857524.html
Copyright © 2011-2022 走看看