ie6不支持 div:hover这样写法 相信大家都知道。
使用jquery怎样实现ie6不支持的这个功能呢?下面是我的实现方法 但是没能成功 大家帮忙分析下原因
css代码:省略。。
html代码:<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX1</div>
<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX2</div>
<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX3</div>
<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX3</div>
jquery代码: function addBorderColor(){
$(this).css("border","1px solid #CCC");
}
function removeBorderColor(){
$(this).css("border","none");
}
使用jquery怎样实现ie6不支持的这个功能呢?下面是我的实现方法 但是没能成功 大家帮忙分析下原因
css代码:省略。。
html代码:<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX1</div>
<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX2</div>
<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX3</div>
<div class="box" onmouseover="addBorderColor()" onmouseout="removeBorderColor()">BOX3</div>
jquery代码: function addBorderColor(){
$(this).css("border","1px solid #CCC");
}
function removeBorderColor(){
$(this).css("border","none");
}
解决方案 »
- JQUERY中的scrollTop() 和scrollleft到底是什么意思啊
- jquery fromvalidator
- 帮忙写个滤镜效果的的代码 谢谢
- document.all.idname中的idname能是一个变量吗?
- 两个下拉框只能选一个
- 如何操作页面文本达到修改其颜色
- 单引号在HTML的Input里转义?
- div下的table怎么取呢?
- setInterval的问题???执行十秒后就出问题了!
- 请问怎样禁止使用 Ie浏览器中的某一项菜单 如: save 和 save as (littlespring ) ,高分相送
- 请教一个关于id的问题
- var isLogin='0';if(isLogin=="1"){...}这样也行?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>new document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("div.box").hover(
function(){
$(this).css("border", "1px solid #ccc");
},
function(){
$(this).css("border", "none");
}
);
});
</script>
</head>
<body>
<div class="box" >BOX1</div>
<div class="box" >BOX2</div>
<div class="box" >BOX3</div>
<div class="box" >BOX3</div>
</body>
</html>
, 小写
$(obj).css("border","1px solid #CCC");
}
function removeBorderColor(obj){
$(obj).css("border","none");
}其实1楼的做法是比较好的了。