关系经济人类预测化学自然
中准网
自然科学
知识物理
化学生物
地理解释
预测理解
本质社会
人类现象
行为研究
经济政治
心理结构
关系指导
人文遗产

优雅地扩大链接响应区域

11月11日 拭朱砂投稿
  合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡,就需要做一些特殊的处理。
  实例一:一张图配一个链接。
  常规的做法有以下几种:
  第一种是最常规的,只有链接可点,但整张图不可点,点起来还蛮累的。
  第二种是把整张图作为一个链接,链接响应区域是够大,但其实那个链接就比较尴尬,不够优雅。
  第三种是弄两链接,文本链接之外,图本身再配个链接。这个比以上两种都好一些,但仍然不够理想,因为两个链接的交互一致性不够,用户对点图和点链接是不是去同一个地方会存在疑虑。
  这样或许会优雅一些:
  图片可点,鼠标移入图片上,鼠标变手型的同时文本链接变为hover状态。这样即有足够的链接响应区域,又有很好的交互一致性,暗示用户点图和点链接去的是同一个地方,如图所示:
  前端代码角度上,就是把链接a标签包住整个图,那段文字用其他标签表示,比如span,再定义a的hover状态下,把span变成链接色,并加上下划线,来模拟hover效果。
  实例二,可链接的标题配一段对标题的详细描述。
  在这个例子中,视觉角度来看,一片文字需要主次清晰,所以链接色只加在了标题上。那么详细描述部分该不该响应点击呢?非链接色出hover效果会不会有点怪呢?即使决定这儿可以链接,那hover效果导致出现大片的hover色和多行下划线,视觉设计师会跟你急吧。
  这样或许会优雅一些:
  让详细描述响应点击,同时让hover效果出现在标题上。如图:
  还有更复杂的模块,可以套用这个方式来做,比如下面这个例子:
投诉 评论 转载

平凡中的伟大五年级作文古人云:不积跬步无以至千里,不积小流无以成江海。任何大业都是由小事积累而成的,名人都是在平凡中成就伟大的。在我们的生活中有许多普通的人,他们像一片绿叶、一滴甘露、一丝光线,但他……母亲我来抽根烟在我们家乡,老少爷们一见面,除了相互寒暄之外,就是让人一根烟,我不知道这样的习惯是什么时候流行的,反正这样也算是对人的敬意和招呼吧,父亲也是一个烟民,而且烟瘾也挺大,就是偶尔咳……如何与丧偶老年人沟通俗话说少年夫妻老来伴,丧偶对于老年人来说是一种需要适应的重大压力事件,对于适应性变差的老年人来说这种事件适应起来会特别困难。那么如何与丧偶老年人沟通呢?跟随本站小编一起来……一些关于描写动物的精彩段落1、小花猫的脑袋圆圆的,顶着一对尖尖的小耳朵,那大大的绿眼睛瞪得像两盏小绿灯。小猫咪咪的那一双大耳朵,一天到晚都直竖着,哪个地方有声音,马上往那边转,活像一架有特殊性能的雷达。……清洁洗面奶能天天用吗洗面奶分很多种类,大致有泡沫型洗面奶、溶剂型、无泡型洗面奶等。在洗面奶的选择上,又有针对性去选择。下面我们全面分析洗面奶的成分和分类,教你正确选择。那么,清洁洗面奶能天天用吗?……上帝哭了一个年轻人有困难,找上帝帮忙。上帝冷冰冰地说:请回吧!你误会我了!年轻人不解。上帝说:能够解决问题的只有你自己。自己才是自己的上帝!那你是?……优雅地扩大链接响应区域合理地扩大页面链接响应区域可以提高网页的易用性。同时还要兼顾到链接的交互一致性以及视觉上的平衡,就需要做一些特殊的处理。实例一:一张图配一个链接。常规的做法有以下几……骗取网购个人信息的骗局有哪些现在网络的诈骗太多了,尤其是在网络购物方面,大家一定要小心谨慎,那么骗取网购个人信息的骗局有哪些呢?接下来本站的小编为您具体介绍一下。根据编辑的总结,剁手族们需要警惕防范……拥抱春天初春,田野,回暖模样。鸟儿开始鸣唱,花儿偷偷地绽放,这一切,令人猝不及防。春姑娘几笔简约素淡的身影,已被镶嵌进美丽的画框。碧绿小草,阳光下,闪亮;风,从大地掌心中走过,万……文明礼仪伴我行品学网专稿未经允许不得转载如果你失去了今天,你不算失败,因为明天会再来;如果你失去了金钱,你不算失败,因为人生的价值不在于有钱没钱;如果你失去了文明,你是彻彻底底的失败,……两面造句用两面造句大全211、有个特设的儿童体验区,两个小朋友正坐在圆桌的两面,一人守着一台苹果机,安安静静地挑选着自己喜欢的颜色,在电脑上信手涂鸦。212、800册清代诗文集汇编占据了上海书……几种常见的食品与药品不可同时吃最常见的食品与药品不能同吃的是抗生素与酒。酒在体内先被氧化成乙醛,然后成为乙酸,而有些抗生素如头孢菌素类药物和阿司匹林都会妨碍乙醛氧化成乙酸,造成体内乙醛蓄积,导致头颈部血管剧……
颠倒村奇遇记厨具造句用厨具造句大全北京征文大赛寒假趣事市政工程给排水管道承插口施工技术分析癫痫突然发作临时处理那一种温暖年时间发展亿用户微信的成功离不开这条经验羽绒被为什么会有霉味2020广东高考作文素材地震次生灾害怎么预防蓬松时尚女生发型演绎气质时尚美女如何快速搭建话题活动策划的知识体系
三角形的周长公式(小学数学必背公式汇总)热传聚热点网 初中周记字100字热传聚热点网 网传减压妙招六招让你轻松高考2016年漳州中考作文题目及范文爱的颜色缺席造句用缺席造句大全民法总则英烈被纳入条款的争议性是什么?我们开学了日记200字企业需求量最大的十大专业企业管理总经理给的回信如果一旦打上胰岛素,终生都要打胰岛素吗?为什么呢?供春壶是谁创制的励志文章成功需要自己去改变

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找菏泽德阳山西湖州宝鸡上海茂名内江三亚信阳长春北海西安安徽黄石烟台沧州湛江肇庆鹤壁六安韶关成都钦州