问题描述
有两个标签,点击两个标签可以自由切换,标签是用图片代替的,初始化是显示第一个标签的内容的,如果点击第二个标签,第一个标签变灰,第二个标签变亮(即显示第二个标签的内容),请问这个效果怎么实现?这是第一个标签的效果,第一个标签的图片亮,第二个标签图片灰。这是第二个标签的效果!
解决方案
你是不是想做一个tab效果啊?你只要在点击第二个标签的时候,把第一个标签的样式去除,并把它给第二个标签就可以了。
解决方案二:
这个用jQuery来实现很简单的,1、首先你要准备一个curr的样式,表示当前被选中了。2、给那2个DOM节点注册点击事件,当点击了就改变按钮的样式。没有选择的就移除样式下面是具体的实现代码 javascript代码:$("selectId1").toggle( function () { $(this).addClass("curr"); }, function () { $(this).removeClass("curr"); });$("selectId2").toggle( function () { $(this).addClass("curr"); }, function () { $(this).removeClass("curr"); });html代码:<a href="#" id="selectId1" class="icon_man">选帅哥</a><a href="#" id="selectId2" class="icon_girl">选美女</a>这样就可以实现切换的效果了。用jQuery的toogle方法就是专门来出来这样的事件切换的。
解决方案三:
这得看美工的了
解决方案四:
当点击第二个标签的时候,就隐藏第一个标签的内容,显示第二个标签的内容啊。 就是一个显示隐藏的问题。
解决方案五:
让美工再做一套灰色的图片,单击的时候动态改变图片url