js怎么让导航菜单的背景淡入淡出
菜单本来没有颜色，然后我让它的背景运动从透明度下手的，但是遇到一个问题，透明会把子元素全部变透明，这怎么解决...functionstartMove(obj,name,i...
菜单本来没有颜色，然后我让它的背景运动 从透明度下手的，但是遇到一个问题，透明会把子元素全部变透明，这怎么解决...
function startMove(obj,name,iTarget){
clearInterval(obj.timer)
obj.timer=setInterval(function(){
var cur=0;
if(name=="opacity"){
cur=Math.round(parseFloat(getStyle(obj,name))*100)
}else{
cur=parseInt(getStyle(obj,name))
}
var speed=(iTarget-cur)/3
speed=speed>0?Math.ceil(speed):Math.floor(speed)
if(cur==iTarget){
clearInterval(obj.timer)
}else{
if(name=="opacity"){
obj.style.filter="alpha(opacity="+(cur+speed)+")"
obj.style.opacity=(cur+speed)/100
}else{
obj.style[name]=cur+speed+"px"
}
}
},30)
}
这是js代码，前边还有一个获取类的代码没贴进来。 展开
function startMove(obj,name,iTarget){
clearInterval(obj.timer)
obj.timer=setInterval(function(){
var cur=0;
if(name=="opacity"){
cur=Math.round(parseFloat(getStyle(obj,name))*100)
}else{
cur=parseInt(getStyle(obj,name))
}
var speed=(iTarget-cur)/3
speed=speed>0?Math.ceil(speed):Math.floor(speed)
if(cur==iTarget){
clearInterval(obj.timer)
}else{
if(name=="opacity"){
obj.style.filter="alpha(opacity="+(cur+speed)+")"
obj.style.opacity=(cur+speed)/100
}else{
obj.style[name]=cur+speed+"px"
}
}
},30)
}
这是js代码，前边还有一个获取类的代码没贴进来。 展开
2个回答
展开全部
桌面上点右键，弹出快捷菜单，选择：“属性”-“外观”-“效果”-“为菜单和工具提示使用下列效果”前面的勾去掉。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
为何不用css3...可以少些小几十行代码，虽然万恶的老ie不能支持。。。
要支持所有浏览器的话建议直接用jquery的fadeIn/fadeOut函数，相当的方便
示例代码拿去不谢：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$().ready(function() {
$('#toggle').mouseover(function() {
$('#caidan').fadeIn(500);//这个数字是效果的持续时间，单位毫秒
}).mouseout(function() {
$('#caidan').fadeOut(500);
})
});
</script>
</head>
<body>
<span id="toggle">Move Mouse on Me!</span>
<div id="caidan" style="display:none; background: #ccc; width: 200px;">
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
</div>
</body>
</html>
如果你真的是想自己手写当作学习或者练习用，请忽略我的回答。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
