html a 标签的格式调整

apexMing 2014-03-12 12:11:20
hi, 大牛,深夜发帖求教。
css部分如下:

.gl_wrap ol li div a .sel{display:block;float:left;height:22px;line-height:22px;color:#666;padding:0 8px;background:#66a800}
.gl_wrap ol li div a .unsel{display:block;float:left;height:22px;line-height:22px;color:#666;padding:0 8px}

html部分如下:
		<div class="gl_wrap">	
<h3><a >主题</a></h3>
<ol>
<li><div id="娱乐" onclick="selTab1(this, 'ztyl');"><a name='ztyl' class='unsel'>娱乐</a></div></li>
<li><div id="生活" onclick="selTab1(this, 'ztsh');"><a name='ztsh' class='unsel'>生活</a></div></li>
<li><div id="文化" onclick="selTab1(this, 'ztwh');"><a name='ztwh' class='unsel'>文化</a></div></li>
<li><div id="艺术" onclick="selTab1(this, 'ztys');"><a name='ztys' class='unsel'>艺术</a></div></li>
<li><div id="社交" onclick="selTab1(this, 'ztsj');"><a name='ztsj' class='unsel'>社交</a></div></li>
<li><div id="行摄" onclick="selTab1(this, 'ztxs');"><a name='ztxs' class='unsel'>行摄</a></div></li>
<li><div id="体育" onclick="selTab1(this, 'ztty');"><a name='ztty' class='unsel'>体育</a></div></li>
<li><div id="求职" onclick="selTab1(this, 'ztqz');"><a name='ztqz' class='unsel'>求职</a></div></li>
<li><div id="" onclick="selTab1(this, 'ztqb');"><a name='ztqb' class="youth">全部</a></div></li>
</ol>
<!-- <span class="sp_toggle"><a href="javascript:void(0);" class="more_selector">更多</a></span> <div class="clear"></div> -->
</div>

js部分如下:
	activity_class=""
cur_zt_obj=""
function selTab1(obj, a_name){
activity_class = obj.id
var a_obj = document.getElementsByName(a_name)[0];
alert(a_obj.class)
alert(obj.class)
if(cur_zt_obj != ""){
cur_zt_obj.class=""
}
cur_zt_obj = a_obj;
a_obj.class = 'sel';
//alert('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
ajaxget('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
}

activity_time ="";
cur_sj_obj = "";
function selTab2(obj, a_name){
activity_time = obj.id
var a_obj = document.getElementsByName(a_name)[0];
alert(a_obj.class)
alert(obj.class)
if(cur_sj_obj != ""){
cur_sj_obj.class=""
}
cur_sj_obj = a_obj;
a_obj.class = 'sel';
ajaxget('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
}

activity_nature=""
cur_xz_obj = "";
function selTab3(obj, a_name){
activity_nature = obj.id
var a_obj = document.getElementsByName(a_name)[0];
alert(a_obj.class)
alert(obj.class)
if(cur_xz_obj != ""){
cur_xz_obj.class=""
}
cur_xz_obj = a_obj;
a_obj.class = 'sel';
ajaxget('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
}

activity_order=""
cur_px_obj = "";
function selTab4(obj, a_name){
activity_order = obj.id
var a_obj = document.getElementsByName(a_name)[0];
alert(a_obj.class)
alert(obj.class)
if(cur_px_obj != ""){
cur_px_obj.class=""
}
cur_px_obj = a_obj;
a_obj.class = 'sel';
ajaxget('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
}

现在运行效果点击标签如“艺术”,之后并不能改变其背景色。
想要的效果就是点击之后标记为选中。
...全文
295 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
嘻哈大咖秀 2014-03-12
  • 打赏
  • 举报
回复
function selTab1(obj, a_name){
      activity_class = obj.id
      var a_obj = document.getElementsByName(a_name)[0];
      
      if(cur_zt_obj != ""){
        cur_zt_obj.className =""
      }

      cur_zt_obj = a_obj;
      a_obj.className = 'sel';
      //alert('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
      // ajaxget('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
    }
apexMing 2014-03-12
  • 打赏
  • 举报
回复
而且selTab1中的alert部分都是undefine.
function selTab1(obj, a_name){
    activity_class = obj.id
    var a_obj = document.getElementsByName(a_name)[0];
    alert(a_obj.class)
    alert(obj.class)
    if(cur_zt_obj != ""){
        cur_zt_obj.class=""
    }
    cur_zt_obj = a_obj;
    a_obj.class = 'sel';
    //alert('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
    ajaxget('plugin.php?id=group_clc:group_clc&mod=youji&time='+activity_time+'&class='+activity_class+'&nature='+activity_nature+'&order='+activity_order+'&page=act_list','group_latest')
}
scscms太阳光 2014-03-12
  • 打赏
  • 举报
回复
你的js吓倒我了,如果是一万个a你是不是给我整出一万个function(){}?

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧