hover 用户体验

2016-07-07 14:55 来源：www.chinab4c.com 作者：ecshop专家

在一些连接中，如果没有hover属性，当用户鼠标放在上面时，没有任何变化，
我想没有用户喜欢这样子。加上一个hover属性，让用户有一个互动的动作，
告诉用户，我有生效了。

之前，我一直没有明白过来，以为只有a:hover只有这个才能生效的，其实不然，你在其它标签(div)中也完全可以使用。
下面是例子：
.Test
{
...
}

.Test:hover
{
}

再深入一步，比如在图片中的连接，
在hover属性中，你可以设定border值，这样用户点击上去的时候，边框变色了，这样告诉用户选中了。
或设定opacity值，让其有一个明显变化。

好了，用户体验其实有时候，也是一个很简单的东西，加入一点点技术，就会有很好的效果。
聚划算和淘800站长，后续还会和大家分享更多自己的想法。

回答：
IE6无效果，你需要要用JQ:
$(".listtraining dl").hover(
function () {
$(this).removeClass("cur_1").addClass("cur_2");
},
function () {
$(this).removeClass("cur_2").addClass("cur_1");
});

cur_1和cur_2是互换的class效果，listtraining dl是一个父class




这个不错需要了

IE什么时候才可以灭绝？

ECSHOP学习资料：http://www.phpally.com

都是高手啊。。。新手路过。。。。。。。。。。。。