jQuery UI带有一些不错的图标。 如何在没有按钮的情况下使用它们?比如说如何创建带有加号符号的链接,并通过悬停和点击改变图标来响应呢? 这里是只添加图标的演示。
更新 1: 悬停时,图标应该从灰色变成黑色(请在这里查看)。在我的演示中,它从一开始就是黑色。
更新 2: 这里几乎是我需要的 - http://jsfiddle.net/and7ey/gZQzt/6/ - 但是没有那个背景矩形,我只需要加号标志。
更新 3: 看起来最好不要使用标准的jQuery UI样式,而是直接引用图像,但我不知道如何使用它。
似乎我需要定义类似于:
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png);
background-position: -32px -128px;
您可以在jquery.ui.theme.css文件中轻松找到位置。 但是怎样才能:
- 定义正确的背景图片URL?
- 修改CSS以响应单击、悬停事件?
a:hover{...}
是不必要的。 - Smamatti