zoukankan      html  css  js  c++  java
  • Html使用自定义光标的一点需要注意的小问题。

    我需要动态改变Html页面某元素的光标为自定义光标,根据CSS用JavaScript进行如下设置:
    something.style.cursor = "url('cursor.cur')";
    第一次设置时可以正确改变光标,但是再一次设置光标无效,查看CSS手册,发现此值可以设置多个,第一个光标无效时自动尝试第二个...,加了一个光标后发现解决了上面的问题,正确设置方法为:
    something.style.cursor = "url('cursor.cur'),hand";

    测试:
    第一次点击下面的两个按钮,按钮的光标会变成自定义的光标。
    再一次点击“光标测试2”按钮,此按钮上的光标会变回默认光标,自定义光标无效!
    “光标测试1”是正常的。

       

    上面按钮的代码为:

     <BUTTON onclick="this.style.cursor = 'url(cursor.cur),hand';">光标测试1</BUTTON>
     <BUTTON onclick="this.style.cursor = 'url(cursor.cur)';">光标测试2</BUTTON> 
  • 相关阅读:
    第03组 Alpha冲刺(3/6)
    第03组 Alpha冲刺(2/6)
    第03组 Alpha冲刺(1/6)
    团队项目-选题报告
    第3组 团队展示
    福大软工 · BETA 版冲刺前准备(团队)
    Alpha 事后诸葛亮
    Alpha冲刺
    Alpha冲刺-(9/10)
    Alpha冲刺
  • 原文地址:https://www.cnblogs.com/Pharaoh/p/259048.html
Copyright © 2011-2022 走看看