用js设置导航条背景 写js代码 给导航条项目添加点击事件 在点击事件里分别设置当前点击元素的背景 和 没有点击元素的背景颜色
<html><head>
<title>测试</title>
<style>
#t div{background:#0f0float:leftwidth:80pxpadding:5 3 text-align:center}
</style>
</head>
<body>
<div id='t'>
<div>导航一</div> <div>导航二</div> <div>导航三</div>
</div>
<script>
function click(e)
{
for(var i=0i<item.lengthi++)
{
if(item[i]==(e.srcElement||e.target))
item[i].style.backgroundColor="#00f"
else
item[i].style.backgroundColor="#0f0"
}
}
var t=document.getElementById('t')
var item=t.getElementsByTagName("div")
for(var i=0i<item.lengthi++)
{
if(window.addEventListener)
item[i].addEventListener("click",click)
else if(window.attachEvent)
item[i].attachEvent("onclick",click)
}
item[0].style.backgroundColor="#00f"
</script>
</body>
</html>
Jakob Nielsen的可用性测试发现，在改变设计后以至于主页的产品由3次点击变为4次，用户在电商网站上发现产品的能力增长了600%。进一步的UIE可用性测试表明，在可用性中扮演关键角色的不仅仅是点击的次数还有带有信息迹象的被贴上标签的关系链接。
一个实用性建议就是一次点击原则替代三次点击原则：“每次点击或交互应该使用户更接近他们的目标，同时尽可能的消除更多的非相关目标。”
翻译：金酱酱
原文：Myth #2: All pages should be accessible in 3 clicks - UX Myths
展开阅读全文
发布于 6 年前著作权归作者所有
赞同 3
喜欢 0
分享
评论 0
【自费3W+深度测评】空气消毒机到底是不是智商税？20+款空气消毒机实物测评，买空气消毒机看这一篇就够了！
住乌托邦的猪
这可能是目前知乎站内最详细的空气消毒机实测文章！我花了好几W，买了不下20款空气消毒机来进行测试，看完这篇文章，相信大家能够选到最合适的空气消毒机。OK，先来回答大家问的最多的问题：空气消毒机到底是不是智商税？当然不是，非但不是，而且空气消毒机还是现在的刚需！空气消毒机最重要的一点在于它配备了消毒杀菌功能，可以通过UV等消毒方式进行空气中全方位的杀菌，杀菌率高达90%及以上，对于现在的寒冬非常有必...
哪一瞬间你觉得最无力？
小尘
我看过一个视频。20 几岁的少女，被带到屋子里殴打，电击，注射毒素。那视频经过删减，只有一个小时。可少女一直坚持了六个小时才断气。她叫邱小玉，很久以前，她是我的爱人。——2018 年 7 月 14 号，我的航班因为天气原因晚点，凌晨三点才落地。一开手机，就接到师兄的电话，他说赶紧来宝山医院，现在！我说怎么了啊，你先说明白。「小玉，」他说，「小玉出事了。」我的耳朵嗡鸣起来，头痛欲裂。那天，是我和邱小玉恋爱的三周年纪念日，如果飞机不晚点，我会在午夜时求婚。凌晨四点半，我在医院里见到她。蒙着白布，裸露的皮肤惨白，手握起来，冰冷，坚硬。完全不像小玉的手。但尸检报告上写得明白，邱小玉，下午六点十分，在青河路和文硕路的交叉口，死于车祸。「是货车，司机疲劳驾驶，没减速就……李桐！」师兄忽然狠狠抓住我的手。而我的手，眼看就要掀开那蒙在小玉脸上的白布了。我说，「松手。」「李桐，最好……别看。」我哽咽着，说，「松手。」他不再拦我。我缓缓掀开了白布。她还是很漂亮，眉眼柔和，想每天早上赖床的时候一样。只是，脖子上，似乎有个伤口。而那伤口，在向下延伸。越来越深，越来越大！将她的整个身子……完全摧毁了。我跪在地上。心像被刀子刺穿了。眼睛很痛，却没有眼泪，嘴里也发不出半点声音。「纪念日是不是忘啦？明天得给我补回来哦。」我知道这是幻听，因为这是小玉给我发的微信内容。一生的，最后一条微信。我和她的所有故事，竟然，结束在这么不起眼的一句话上……忽然我喉咙一紧，呕出了大口大口的胃液。01「疲劳驾驶？去你妈的疲劳驾驶！」我在警局里喊着，要不是师兄一直在后面抱着我，我会砸了那的一切。「李先生，我理解你现在的感受，但请你……」「你理解你妈！你让我见凶手，现在！」「不行。」「这是谋杀，你们瞎啊！」「李先生，确实没有任何证据，证明他有预谋的杀人。所以……这就是疲劳驾驶。」「你混蛋……」「你说什么？」「我说你混蛋！」我挣开了师兄的手，指着那警员的鼻子，「你他妈什么都知道！你跟我撒谎，你他妈混蛋！」突然那警员一步抢上来擒住我的手，瞬间就将我按倒在地上，用膝盖顶紧了我的脖子。他挑衅着，「你再说一遍？」「你他妈……混蛋！」这句话之后，我听见了骨节咯咯的响声，再也没法喘息。我感受到自己的手被反剪着铐在了一起。「你辱骂公职人员，我现在，依法对你进行拘役。」说完，他仍没有松开的意思。全身的力量仍在我的脖子上，直到我晕死过去。我知道自己不应该冲动，至少在这个节骨眼上不应该。但我很清晰地看到，那警员在说出「疲劳驾驶」几个字的时候……在笑。晕死之前，我愈发肯定了。这警员，乃至这整件事，都不干净。02被拘留之后，我没有停止调查和上诉。可奇怪的是，当年所有的信息，全「消失」了。车祸的路口监控坏了，肇事车辆被报废损毁，直到四年后，我连肇事司机的姓名都找不到。一次喝酒，师兄跟我说，别再继续了。「四年了，这四年你老了十岁。」「哥，这事有蹊跷，小玉她是被害死的……」「然后呢？你查得到真相？」「那就不查了么？」我问他，「那就不查了么？那就不查了么？」我拍着桌子，「那就他妈不查了吗！？」那天晚上，我回到家，看着家里的一切，都还和当年她生前一样。我愈发难受，想大哭一场。却又觉得，哭死在这，也不会有人安慰我了。忽然，一个手机铃声，在某个角落里响了起来。那不是我的手机铃声，但很熟悉。我没管它，可它却一直响，一直响。我有些烦躁，于是起身，翻找，最后在床底下的箱子里，找到了声源。是款 iphone7。那是我至少三年没用过的旧手机，还有电？我将那手机捡起来，赫然发现，那来电显示的名字是……邱小玉。03「你好？」我接起电话。「诶？为什么不叫『亲爱的』？」我愣住了。声音是小玉的，接起电话，叫「亲爱的」，这规矩也是小玉的。「喂？亲爱的你说话啊？」那边催促着。「你……是谁？」「哈哈哈你有病呀我是你女神大人！」她调皮的语气，绝不会出错！「李桐，你等会帮我撒个谎……」她仍自顾自说着，「诶，你等下啊，我接个电话。」滴的一声，那电话挂断了。我缓了好一会，赶忙检查那手机。2% 的电量。没有 SIM 卡。没有讯号。最近通话里，只有一条：邱小玉。我用那 iphone7 拨回去，却发现因为没 SIM 卡，那手机根本没法拨出电话。而用自己现在的手机拨回小玉的号码，则和这四年以来一样，没人接听。她的手机卡，早已被我收纳起来，和她的许多遗物放在一起……忽然，那 iphone7 又响了起来。我一边接起电话，一边插了电源线。「喂？」「李桐，你下飞机了？」「下飞机？」「是啊，从上海飞回来的飞机啊，你不是晚点了么？」「小玉，你在哪……」「我在 Detrick 药业的酒会啊。」04我的女友邱小玉，是知名记者。2018 年的 7 月 14 日，我和团队在上海开研讨会，正飞回深城。而她正参加我师兄任职的药企的新闻发布会。发布会结束，她作为记者，又受邀参加了发布会之后的酒会。离开酒会之后，18：40 分，她出了那场车祸。这些信息，我一辈子不会忘。「小玉，你那边……我是说，今天，几月几号？」电话里，我问了最重要的问题。「噗……今天恋爱纪念日啊，你大爷的你敢忘！」「哪年的？」「第三年的啊。」「所以，是 2018？」「你怎么了？飞机上喝酒啦？」「小玉，我在……2022。」05听见她所在的日期，我整个人都在颤抖。我想立刻和她说，我好想她，这四年，我生不如死。可我逼着自己冷静。因为我意识到，2018 年的 7 月 14 日，正是她的死期。而这通跨时空的电话，或许，能救她。我的脑子还在混乱，而小玉又开口了，可这次，语气完全不一样了。「哦你下飞机啦！想我啊，我也想你啊，但是你师兄不放我走！」她忽然抬高了声量，显然这句话，是说给另一个人听的。我立刻明白，刚才她说的「帮我撒一个谎」是什么意思。我师兄不放她走？我师兄在她身边？「你让我师兄接电话。」我说着，似乎已经明白了大概。电话那边沉默了几秒，接着，传来了我师兄的声音。「喂李桐，这么大的雷暴，飞机正点？」「是啊，让小玉先走嘛，恋爱纪念日，我要请她吃大餐。」师兄沉默了一下。「李桐，你的声音很憔悴啊……」接着，那手机就被小玉抢了过去。「好了，多谢亲爱的，我等会再和你说。」「你先别挂断，你别去……」「诶呀我有急事等会说哈，乖。」「青山路！你别去青山路和文硕路交界，会出车祸！」我吼着，可她挂断了电话。我确信，她挂断时，我没说完最后那句话。我恨不得抽自己，没将这句话第一时间告诉她。而且，她似乎很着急，不知道会不会在意我的提醒。之后的十几分钟，我没法再联系到小玉。那十几分钟，难熬至极。天空阴云密布，雨势滂沱，云层之后，雷暴蓄势待发。我不断盯着时间。18：2918：3018：31如果那个时空，时间和这里是同步的，那么很快，小玉会死于……等等！不经意间，我忽然瞄到了桌上的一张纸。那是和旧手机放在一起的，小玉的尸检报告，被我一并翻了出来。窗外一道闪电，将整个室内照亮。我清晰地看到，那张尸检报告上的字，缓缓变化。原本「死于车祸」的字样消失了。取而代之的是：「19 点 10 分，遭遇匪徒袭击，重伤，流血过度而死。」小玉的死亡原因，变了。雷声轰鸣，在半空炸响。06「你怎么知道的？李桐，你怎么知道，会有车祸！？」一．邱小玉01我叫邱小玉，是名调查记者。2018 年 5 月，我查到 Detrick 药业某一批次的新生儿乙肝疫苗不合规。具有极高的心脏毒性，造成了过高比例的接种不良反应，以及，死亡。超过两百起！而这批疫苗，仍在生产，运输，接种。这件事，在我之前，很多人都知道。但没人报道。为什么？因为 Detrick 是美股上市公司，市值上百亿。记者圈里有句话：邻里之间的纠纷，追查到底，资本家的黑幕，碰都别碰。可是啊，我眼里不容沙子。恶心的事，无分大小，我看见了，就忍不了。2018 年 7 月 14 日，Detrick 药业慢病新药的新闻发布会。药业的市场总监高磊，也是我男友的同门师兄，非要让我参加。我知道，Detrick 药业已经知道我在查什么了，想和我套近乎。会上，我没有提出任何尖锐的问题。不是我给面子，是因为我在等一份报告。中医药大学孙教授团队的权威药品检测报告，报告会证明，那疫苗，在杀人。在杀新生儿。可那报告，迟迟不到。发布会之后的酒会上，我忍不住了，想要直接去孙教授的实验室。但高磊和他手底下的一群医药代表，个个端着酒杯，要找我「聊家常」。没办法，我打电话给男友李桐要了一个掩护。「亲爱的，你等会帮我撒个谎……」正在这时，又一个电话打了进来。是孙教授。「诶，你等下啊，我接个电话。」我挂断李桐的电话，接通了孙教授的。「邱女士，你调查的没错，Detrick 药业……在谋财害命。」「孙教授您在哪，我立刻过去。」「快点。这件事太大，别告诉任何人。」我又给李桐打了一个电话，借着他的理由逃离了那场酒会，接着立即驱车前往了孙教授的住所。那天的雨很大很大，雷声阵阵，连绵不断。车子上了青山路，忽然一道闪电，将我近旁的一棵树直接劈断……我突然有一阵不好的预感。这才想起，挂断男友电话的时候，似乎听见他大声跟我说「青山路和文硕路怎样怎样」。可当时，手机已经远离了耳朵，我根本没法听清。青山路，文硕路……车子仍然向前开着，一个十字路口，绿灯已经开始闪烁。我赶时间，立即踩了一脚油门，却忽然看见路牌上写着：「文硕路」。这里是青山路、文硕路的交界口？「……交界口……车祸！」我猛然想起了那通电话的最后几个音，本能地猛踩了刹车。就在此时，一辆巨大的货车从我车前呼啸而过。近得直接刮碎了车子的保险杠，在车头擦出了火星。那货车在不远处停下，司机探出头来，看了我一眼。那眼神没有歉意和惶恐。反而，满是凶恶。02那货车开走后，我平复了心情，这才想起老公的那通电话。他难道，知道我会有车祸？但我来不及细想，时间紧急，重新踩了油门奔向孙教授的别墅。到他家门口时，雷雨更大了。按门铃，门开。孙教授邀我坐到大厅，为了沏了杯茶。「邱记者，你在这等会，我去楼下把详尽报告拷贝出来给你。」「报告还没准备好么？」我有些莫名其妙，电话里，他明明很着急。「实验室在境外，传输有点麻烦……」他带着歉意笑了笑，缓步走向地下室。我喝了口茶，终于不再焦急。此时才想起给李桐再打一通电话。可电话刚接通，他就急切地问我，「没事了对不对！你躲过车祸了是不是？」我被问得愣在那。03「说话啊小玉！你躲过车祸了！」「你怎么知道的？李桐，你怎么知道，会有车祸？」「没事就好，没事就好！小玉。你先告诉我，你现在在哪，在做什么？」他的声音仍然焦急。「你……你怎么突然问这个？」「有人要杀你，小玉，有人要杀你！」我顿了一顿，本能地想，不该将他扯到这事情里！「哈哈哈，怎么会……」我强颜欢笑。「邱小玉，别再瞒我！」他的语气忽然变得很重。「你叫人家全名……」「别装了，」他打断我
<script type="text/javascript">$($(".navbar li").click(function(){
$(this).addClass("test")
}))
</script>
上面这段放到你的代码里试试
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）