动态改变颜色

<style>
    #ltags
{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 210px; PADDING-TOP: 0px; HEIGHT: 23px}
    #ltags LI
{WIDTH:65px; BACKGROUND: url(../images/tagleft.png) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px}
    #ltags LI A
{text-align: center; WIDTH:165px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/tagright.png) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999;LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none}
    #ltags LI A:hover
{ COLOR: red;}
    #ltags LI.lselectTag
{BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -5px; POSITION: relative; HEIGHT: 25px; WIDTH:70px;}
    #ltags LI.lselectTag A
{text-align:center; BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px; WIDTH:170px;}
</style>
<script>
var lastselect = -1; //用于记录上一次选中的项目index
function lselectTag(showContent,selfObj){
   
var tag = document.getElementById("ltags").getElementsByTagName("li");
   
var taglength = tag.length;
   
if (lastselect> 0 ) tag[lastselect].className = ""; //将上次选中的项目还原(不包括飞机票的index 0)
    if(showContent > 0){ //选中的不是飞机票,则改变样式
        alert("不是飞机票");
        selfObj.parentNode.className
= "lselectTag";
       
//var jpnr="tmp/jp"+i+".htm";
        //document.getElementById("lonebody").innerHTML=checknr(jpnr);
    }
    lastselect
= showContent; //将本次选中的项目index存入lastselect
}
</script>
<UL id=ltags>
 
<LI class=lselectTag><A target="_self" onClick="lselectTag('0',this)" href="javascript:void(0)" onfocus="this.blur()">飞机票</A></LI>
 
<LI><A target="_self" onClick="lselectTag('1',this)" href="javascript:void(0)" onfocus="this.blur()">火车票</A></LI>
 
<LI><A target="_self" onClick="lselectTag('2',this)" href="javascript:void(0)" onfocus="this.blur()">轮船票</A></LI>
</UL>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值