JQUERY 鼠标移动到某个图标上显示对应DIV_IT百科

思路：

获取移动2个元素

给第一个元素加上鼠标移入移除事件，

当鼠标移入时，显示div

当鼠标移除时，隐藏div

代码：

<style>

div {width: 100px height: 100px background: #ccc}

#div2 {display: none}

</style>

</head>

<body>

</body>

function over(){

if(!$("#div2").is(":visible")){

$("#div2").show() //如果元素为隐藏,则将它显现

}else{

$("#div2").hide() //如果元素为显现,则将其隐藏

}

$('#div1').hover(over,over)

</script>

将图片和背景简介放置一个容器里.然后背景简介容器的定位选绝对定位(也可以外边距的上边距为负数),总而言之,就是简介要覆盖图片,之后给简介的CSS样式加上透明度属性.感觉效果不错之后,将简介容器设置为隐藏

这样排版+样式的准备工作就完成了.

当触发鼠标经过事件时,使用jquery的自定义动画方法,向上展示简介.

如果对我所说的方法不知道写法,可以自行百度.都有.我不是不愿写出来,只是你自己百度这些方法的具体拼写,对你自己的帮助才更大.

这个效果可以不用js，直接用css伪类就行

tr:hover{background:#F7F2C8}

tr .show{display:none}

tr .shwo:hover{display:block}

.show就是移动、编辑、删除的那个容器

欢迎分享，转载请注明来源：内存溢出

JQUERY 鼠标移动到某个图标上显示对应DIV