• 注册
热门标签
↑ 收起导航

巧用hideFocus改善超链接的用户体验

用户体验是个大话题,本文分享一下超链接中的hideFocus的用法,来小提升一下效果!

也许你还不知道它有什么作用,简单说一下,hideFocus就是在点击超链接时,对是否显示外虚线框的设定!

hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.blur()" 也可写作 hidefocus="true",也可省略赋值直接写hideFocus。

如果超链接没有添加hideFocus,鼠标点击该超链接,则外面出现一个虚线框,即为聚焦,而使用了hideFocus则不会有虚线框。在IE下,需要在标签 A 的结构中加入 hidefocus="true" 属性即可!看下面演示你就知道了!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title> 巧用hidefocus改善超链接的用户体验 by nuodou.com </title></head>
<body>
<a href="#" hidefocus="true" title="">点此没有虚线框</a>
<br><br>
<a href="#" title="">点此可见有虚线框</a>
</body>
</html>

而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:

A {outline:none;}

或者

A {blr:expression(this.onFocus=this.blur());outline:none;}  //支持IE

ps.也许你觉得不显示虚线框会降低用户体验,那你还是无视本文吧哈哈!

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/486.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

27 条评论 »

  • 许小曼
    2016/01/01 08:57:12

    此贴有意思~

  • spotingbet
    2011/06/24 07:32:32

    http://www.nuodou.com is awsome !!
    [url=http://www.facebook.com/pages/Sportingbetcom/230985290247684]sportingbet[/url]

  • Natisha Bellen
    2011/06/20 10:24:39

    Hello I wish to to share the comment right here regarding you to definitely have the ability to inform you simply how much i actually Liked this particular read. I have to elope in order to aTurkey Day Supper however wanted to leave you a simple comment. We preserved you So will end up being coming back subsequent function to see much more of yer quality articles. Continue the standard work.

  • Weston Klee
    2011/06/19 09:24:04

    Thank you for supplementary excellent blog. Exactly where otherwise might i get this particular thoughtful of information written in such an stimulate full way? i have been seeing for this kind of detail.

  • downloadfromyoutube
    2011/06/18 19:22:42

    http://www.nuodou.com is my favorite website now!
    [url=http://www.buzzfeed.com/ufcfan/how-to-download-from-youtube-1aqh]how to download from youtube[/url]

  • tabletkiodchudzanie
    2011/06/15 00:00:30

    I saw many sites but http://www.nuodou.com is best ever

    [url=http://www.facebook.com/pages/Tabletki-na-odchudzanie/216862285003816]tabletki na odchudzanie[/url]

  • buyecigarette
    2011/06/13 00:22:04

    http://www.nuodou.com is super, bookmarked!
    [url=http://www.buzzfeed.com/downloadarea/buy-njoy-electronic-cigarette-visit-our-store-2lp6]electronic cigarette store[/url]

  • mmabetting
    2011/06/12 01:33:35

    http://www.nuodou.com is amazing, bookmarked!

    [url=http://www.facebook.com/pages/MMA-betting/221344401210163]mma betting[/url]

  • Ron Huttar
    2011/06/10 02:14:49

    Major thanks for the article post. Will read on…

  • Orval Burglin
    2011/06/09 21:28:26

    I really liked reading your post!. Quallity content. With such a valuable blog i believe you deserve to be ranking even higher in the search engines :)

  • ClenbuterolClenn
    2011/06/02 17:58:14

    I like http://www.nuodou.com , bookmarked for future reference

    [url=http://www.buzzfeed.com/bookie/legal-steroids-prohormones-bodybuilding-supple-39dn]buy legal steroids[/url]

  • Benton Jeffs
    2011/05/30 02:50:12

    Are you making this up as you go along?

  • Craig Malchow
    2011/05/30 00:50:46

    Good post! I have a random question for you. How do you get your blog indexed by bing? I have a related web blog.

  • Warning Labels
    2011/05/24 04:24:09

    Thanks for your time meant for some other imperative article. The place else might any person get that type tips in that accomplish way of writing? I've got some sort of speech newly arriving 7-day period, and I'm sure hunting for many of these facts.

  • I find myself like your story could very likely train your category concerning how you can make an awesome blog. That is fantastic! This wasn't claim, precisely what really became us was ones pattern. You know how to generate your blog a lot more than a rant around a challenge. Youve caused it to be possible for individuals to get in touch. Effective for you, since not really that a lot of most people realize theyre doing.

  • Warning Decals
    2011/05/22 11:27:29

    Thanks a ton to get one other fundamental article. The place more could anyone get this types of information in that finished way of producing? I have some sort of powerpoint presentation arriving full week, along with My organization is on the lookout for these kinds of information.

  • Top Bumper Sriskers
    2011/05/21 23:14:00

    While the following area of interest can be quite touchy usually, my opinion is normally which there needs to be some middle or common earth that him and i just about all can find. Anways, i do get pleasure from which youve increased applicable in addition to keen commentary in this case even though. Thanks for your time!

  • Top Bumper Labels
    2011/05/21 14:51:04

    I would like to express a admiration for the generosity looking after customers whom really need enable with this one go through. Your own personal responsibility to becoming your principles all-around ended up being unbelievably handy and has now surely prompted most people just as everyone to achieve your desired goals. The complete useful recommendations suggests considerably to me and additional far more to help you my own chap workforce. Cya out of everyone people.

  • We adore the invaluable information most people give as part of your articles and reviews. I can save your site with your pals examination here typically. I'm sure quite confident they will gain knowledge of a great deal of brand-new junk the following compared to anyone as well!

  • Mora Benadom
    2011/05/06 18:14:35

    Thanks for the post I actually learned something from it. Very good content on this site Always looking forward to new post.

  • Milan Leith
    2011/04/15 00:28:00

    This site appears to recieve a large ammount of visitors. How do you advertise it? It gives a nice unique spin on things. I guess having something authentic or substantial to post about is the most important factor.

  • 北京整形医院
    2011/03/31 10:33:03

    精彩!

  • qinsound
    2011/03/31 10:32:12

    路过look.

  • Scan Services
    2011/03/17 18:55:06

    Thanks for the post. Can you please email me few more links about this, I am really a fan of your website. Thanks, Scan Services

  • ubosm
    2010/10/20 00:02:11

    我又来了 哈哈

  • LouisHan
    2010/10/12 21:59:00

    这样超链接就不明显了吧

    nuodou 于 2010-10-13 15:05:54 回复

    这个是点击时是否出现虚线外框!个人需要吧哈哈!

发表评论 



我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册