JavaScript的字符串中添加变量

当鼠标经过不同的Li时,调用不同的样式,从而显示不同的背景。下面是代码,不知道怎么写。希望大家给些指导。for(vari=0;i<wLi.length;i++){wLi[... 当鼠标经过不同的 Li 时,调用不同的样式,从而显示不同的背景。下面是代码,不知道怎么写。希望大家给些指导。
for (var i=0; i<wLi.length; i++){
wLi[i].onmouseover = function(){
this.className = "navHover"+i;
}
wLi[i].onmouseout = function(){
this.className = "";
}
}
展开
 我来答
eadio
2014-05-14 · TA获得超过1610个赞
知道小有建树答主
回答量:962
采纳率:80%
帮助的人:1019万
展开全部

js太麻烦了,涉及怎么传i进去函数里面,找了好久资料才找着,最好用还是jq我下面提供的资料都有,,隐藏的是jq实现的,你可以复制到你本地看看。。。

具体js实现后的效果如下:

然后代码如下:

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

*{

margin:0;

padding:0;

}

body{

font:normal 1em Arial, Helvetica, sans-serif;

margin:0;

padding:0;

}

a{ text-decoration:none; color:black;}

a:hover{ text-decoration:underline; color:red;}

#ull li{ border:1px solid red;}

.navHover{ background:#aaa;}

.navHover0{ background:#99F;}

.navHover1{ background:#ccc;}

.navHover2{ background:#f00;}

.navHover3{ background:#ff0;}

.navHover4{ background:#99d;}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>


    

    </head>

<body>


<ul id="ull">

        <li>123</li>

            <li>123</li>

            <li>123</li>

            <li>123</li>

            <li>123</li>

        </ul>




<script language="javascript">

var wLi = document.getElementById("ull").getElementsByTagName("li");

for(var i = 0; i < wLi.length; i++){

wLi[i].onmouseover = function(i){

return function(){

this.className = "navHover" + i;

}

}(i);


wLi[i].onmouseout = function(){

this.className = "";

};

}

 

// $(document).ready(function(){

// $("#ull li").hover(function(){

// var index = $("#ull li").index(this);

// $(this).addClass("navHover" + index);

// },function(){

// $(this).removeClass();

// });

//

// });

</script>

    

    

    

</body>

</html>

百度网友faa8fe2
推荐于2018-05-09 · 超过11用户采纳过TA的回答
知道答主
回答量:86
采纳率:100%
帮助的人:30.2万
展开全部
//jquery实现,原生的原理一样,这里为减少代码量
var classes = [/*要调用的样式数组*/];
li.on("mouseover",function(){
var random = ? //生成0--数组长度区间的随机数
$(this).addClass(classes[random]).siblings().removeClass(); //当前元素添加样式,同辈元素去掉样式
})
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式