代码之家  ›  专栏  ›  技术社区  ›  Bravax

更改网页上鼠标光标的热点

  •  1
  • Bravax  · 技术社区  · 16 年前

    我想更改鼠标指针的作用点,我们使用.cur文件更改了图标,使其位于图像的右下角,而不是左上角。

    就像一个倒箭头光标,设计师/老板已经想出了一个很好的设计,几乎需要这个。

    是否可以更改网页上鼠标光标的热点?

    3 回复  |  直到 13 年前
        1
  •  3
  •   some    16 年前

    我没有测试过,是从 developer.mozilla.org :

    在gecko 1.8beta3中添加了对光标值的CSS3语法的支持;因此它可以在firefox 1.5中工作。它允许指定光标热点的坐标,该热点将被夹在光标图像的边界上。如果没有指定,热点的坐标将从文件本身读取(对于cur和xbm文件),或设置为图像的左上角。CSS3语法的一个例子是:

    cursor: url(foo.png) 4 12, auto;
    

    链接到 CCS3 cursor

        2
  •  1
  •   Galwegian    16 年前

    这是不可能的,我很高兴-我认为你只会让你的用户失望。

    编辑: 我错了-我不认为这是可能的-但我仍然认为你不应该这样做。

        3
  •  -3
  •   Robert Gould    16 年前

    你不能。作为这里的大多数人,我会告诉你不要做,即使你能…

    但是,我可以想象这样的情况,对于非常具体的情况,比如某个艺术家的页面,或者游戏光标,或者一种三维地图,光标向下。现在,如果你真的需要一个媒体导向的站点的特殊光标,而不是一个信息站点,我会用一个空白的光标文件隐藏光标,并使用一些javascript在光标上附加一个浮动图像,这样它“看起来像”热点是其他地方。

    当然,你的网站的可用性和兼容性会下降,但上面的解决方案是,如果你真的需要采取创造性的自由,你的用户是开放思想的这类东西。