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 |
都是高手啊。。。新手路过。。。。。。。。。。。。 |
最近更新
常用插件
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
- ecshop分类批量扩展插件
ecshop分类批量扩展插件,这个插件是ecshop插件里面比较核心的插件。我们...
- ecshop2.7.1打印发货单插件
ecshop2.7.1打印发货单插件介绍:ecshop2.7.1和以前的ecshop版本不一样,ecs...
- ecshop二次开发详细页面生
插件介绍: ECSHOP系统,在很多时候,很多商品没有人购买,不但购买的人...
- ecshop商品分类名称增加样
ecshop插件介绍:本插件可以方便在后台管理,为ecshop商品分类名称增加样...
ecshop热门问答
ecshop热门资料
ecshop人防
ecshop行径
ecshop百度快照
ecshop文章加关联文章
ecshop商品相册
ecshop人人网
ecshop京东模板
ecshop助销
ecshop非js
ecshop查看
ecshop分类样式表文件
ecshop产品属性
ecshop老板
ecshop业绩
ecshop指令码
ecshopapache
dospackage
ecshop潮流前线
ecshop套餐
ecshop隐私
ecshop访问量
ecshop中关村
ecshop金莱德数码科技
ecshopLacoste
ecshop服务台
ecshop提单
ecshop客服系统
ecshop死链
ecshop起订量
ecshop等等等