导航:首页 > 编程语言 > ie6js鼠标移上去

ie6js鼠标移上去

发布时间:2022-09-23 21:07:52

㈠ IE6下js控制className时鼠标闪烁不停

楼主最好把代码贴出来看下,看看是不是代码的问题。另外,你最好能说一下你的逻辑,如果用onmousemove事件来换图片,我有点迷糊你的逻辑,呵呵。一般来说,如果你只是想做到:当鼠标移动到div的时候,换div的图片的话,onmouseover会比较好。当然,最好还是把你的逻辑和你的代码能说清楚。
下面的实例代码就是onmousemove的, http://help.dottoro.com/external/examples/ljlrboji/onmousemove_1.htm
在我的ie6中没有你说的现象。你可以试试。有什么问题我们再继续讨论。

㈡ js怎么做鼠标移过去会显示隐藏的内容

步骤:
1、构造好页面内容。

2、在css中设置一个隐藏类hide,类的样式为display:none;设置显专示类show,样式为display:block。

3、给需要属隐藏的内容设置类名为hide,这样就隐藏了控件。

4、在js标签中,通过控件的类名或者id获取到隐藏对象obhide以及需要监控的对象ob2,再对ob2对象设置onmouseover方法。 在这个方法中,将bohide的类名hide更换成show。这样,在鼠标进入ob2控件之中,就会显示隐藏的obhide的内容。

5、对ob2对象设置onmouseout方法,在这个方法中,将bohide的类名show更换成hide,这样,在鼠标离开ob2控件,就会隐藏obhide的内容。

㈢ jquery中鼠标移上和移开的动作是什么

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,mouseout事件于用户把鼠标移出一个元素时触发。
下面为你详细介绍下jquery中的鼠标事件:
(1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发;
$('p').click(function(){
alert('click function is running
!');
});
(2):dbclick事件:dbclick事件在用户完成迅速连续的两次点击之后触发,双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用;
$('p').dbclick(function(){
alert('dbclick function is running
!');
});
(3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发;
$('p').mousedown(function(){
alert('mousedown function is
running !');
});
(4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发;
$('p').mouseup(function(){
alert('mouseup function is running
!');
}).click(function(){
alert('click
function is running too !');
});
(5):mouseover事件:mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发,如果需要知道来自那个元素可以使用,relatedTagrget属性;
(6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。

㈣ js代码实现 这种鼠标移上去,下边边框内容也跟着改变

<style type="text/css">
<!--
body,td{font-size: 12px;}

.tab{margin-top:100px}

#TabTab03Con1{width:346px;height:100px;line-height:100px;border-left:#757575 1px solid;border-bottom:#757575 1px solid;border-right:#757575 1px solid;}
#TabTab03Con2{width:346px;height:100px;line-height:100px;border-left:#757575 1px solid;border-bottom:#757575 1px solid;border-right:#757575 1px solid;}
#TabTab03Con3{width:346px;height:100px;line-height:100px;border-left:#757575 1px solid;border-bottom:#757575 1px solid;border-right:#757575 1px solid;}

.xixi1{width:346px;height:27px;line-height:27px;background-image:url(images/01.jpg);cursor:pointer;}
.xixi2{width:346px;height:27px;line-height:27px;background-image:url(images/02.jpg);cursor:pointer;}
.xixi3{width:346px;height:27px;line-height:27px;background-image:url(images/03.jpg);cursor:pointer;}

.tab1{width:115px;height:27px;line-height:27px;float:left;text-align:center;cursor:pointer;}
.tab2{width:115px;height:27px;line-height:27px;float:left;text-align:center;cursor:pointer;color:#FFFFFF;}
.tab3{width:115px;height:27px;line-height:27px;float:left;text-align:center;cursor:pointer;color:#FFFFFF;}

-->
</style>
<script type=text/javascript>
function setTab03Syn ( i )
{
selectTab03Syn(i);
}

function selectTab03Syn ( i )
{
switch(i){
case 1:
document.getElementById("TabTab03Con1").style.display="block";
document.getElementById("TabTab03Con2").style.display="none";
document.getElementById("TabTab03Con3").style.display="none";
document.getElementById("font1").style.color="#000000";
document.getElementById("font2").style.color="#ffffff";
document.getElementById("font3").style.color="#ffffff";
break;
case 2:
document.getElementById("TabTab03Con1").style.display="none";
document.getElementById("TabTab03Con2").style.display="block";
document.getElementById("TabTab03Con3").style.display="none";
document.getElementById("font1").style.color="#ffffff";
document.getElementById("font2").style.color="#000000";
document.getElementById("font3").style.color="#ffffff";
break;
case 3:
document.getElementById("TabTab03Con1").style.display="none";
document.getElementById("TabTab03Con2").style.display="none";
document.getElementById("TabTab03Con3").style.display="block";
document.getElementById("font1").style.color="#ffffff";
document.getElementById("font2").style.color="#ffffff";
document.getElementById("font3").style.color="#000000";
break;
}
}

</script>

<div class="tab">
<div id="bg" class="xixi1">
<div id="font1" class="tab1" onMouseOver="setTab03Syn(1);document.getElementById('bg').className='xixi1'">资讯头条</div>
<div id="font2" class="tab2" onMouseOver="setTab03Syn(2);document.getElementById('bg').className='xixi2'">北京行情</div>
<div id="font3" class="tab3" onMouseOver="setTab03Syn(3);document.getElementById('bg').className='xixi3'">其他动态</div>
</div>
<div id=TabTab03Con1>tab1</div>
<div id=TabTab03Con2 style="display:none">tab2</div>
<div id=TabTab03Con3 style="display:none">tab3</div>
</div>
其中图片,1,2,3 是切换不同栏目的标题显示背景图,这里没有上传,需自己制作,不然看不出效果

㈤ javascript超链接 鼠标移动到字体上字体变颜色

a:hover
{
color:blue
}
刚才朋友的打法要注意在ie6下超链接里面的href为空或者不写的话是没有效果的,这是一个bug,解决的话就得用js了,
$('a').hover(function(){
$(this).css(''color','blue');
},function(){
$(this).css(''color','black');});
希望采纳

㈥ js 鼠标移入触发事件。多次触发。

这是肯定会触发的,div包含在li里边,只要你鼠标划入li必定触发事件,并不是重复触发。

mouseover和mouseout都是冒泡事件。mouseenter是ie独有的。我从网上扒了段代码

function isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false;
var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
while (reltg && reltg != handler)
reltg = reltg.parentNode;
return (reltg != handler);
}

㈦ js代码实现鼠标移动到上面一个效果,鼠标离开效果保持

eg: jquery实现方法
你要加的样专式为属.active ul--li实现tab
$(".li").on("mouseover",function(){
$("li").removeClass("active");
$(this).addClass("active");
});

ok!!

㈧ IE6中用js实现鼠标滑过弹出子菜单效果,但导航下方内容下滑,如何处理。

设置z-index属性看看。让他们在不同的平面上。不过可能要看布局模式,参考http://www.divcss5.com/rumen/r402.shtml

㈨ js :鼠标点击后变色或移上去变色;移下来恢复本色,点击后颜色不变

加上
btn.onmouseout= function () {
btn.style.background = ”本色“;
};即可

阅读全文

与ie6js鼠标移上去相关的资料

热点内容
tcl笔试题java 浏览:467
win10怎么登录安全模式 浏览:679
除了archdaily还有什么网站 浏览:567
数控下料圆形怎么编程 浏览:785
安装游戏在文件管理找不到怎么办 浏览:216
想买奢侈包包下载什么app 浏览:1000
闪送员是哪里的app 浏览:530
火车站进站闸机的数据哪里可以查 浏览:503
cad备份文件清理软件 浏览:822
夹具装配图cad文件百度网盘 浏览:567
如何将excel表格转成文件包 浏览:1
网络配置文件应该怎么设置 浏览:886
苹果全能文件王下载位置 浏览:700
中国知网是哪些数据库 浏览:280
fastjson优点 浏览:302
mstcam数控铣床编程如何串连 浏览:502
d4252用什么软件编程 浏览:35
大学生如何参与大数据 浏览:779
autocad3维教程 浏览:2
港澳台版本有什么区别 浏览:263

友情链接