网页上鼠标移上去就显示边框 代码是什么 如图
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 上面两句是让网页遵循标准，如果只用 <html> 则 :hover 无效 -->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<style type="text/css">
.out { border:1px solid blue; width:200px; height:200px; }
.in { border:1px solid red; width:200px; height:200px; }
<!-- 使用样式 hover 是伪js方法的，必须要有开头的 !DOCTYPE **** 修饰才有效果，而且ie6貌似必须在 a 标签内才会有效果 -->
.outClass{ display:block; border:1px solid blue; width:200px; height:200px; }
.outClass:hover { border:1px solid red; }
</style>
</head>
<body>
<!-- onmouseover 鼠标移上去，this（这个div）的 class = "in" ，onmouseout 鼠标离开的时候，class="out" -->
<div class="out" onmouseover="this.className='in'" onmouseout="this.className='out'">
</div>
<br />
<a class="outClass">
</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 上面两句是让网页遵循标准，如果只用 <html> 则 :hover 无效 -->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<style type="text/css">
.out { border:1px solid blue; width:200px; height:200px; }
.in { border:1px solid red; width:200px; height:200px; }
<!-- 使用样式 hover 是伪js方法的，必须要有开头的 !DOCTYPE **** 修饰才有效果，而且ie6貌似必须在 a 标签内才会有效果 -->
.outClass{ display:block; border:1px solid blue; width:200px; height:200px; }
.outClass:hover { border:1px solid red; }
</style>
</head>
<body>
<!-- onmouseover 鼠标移上去，this（这个div）的 class = "in" ，onmouseout 鼠标离开的时候，class="out" -->
<div class="out" onmouseover="this.className='in'" onmouseout="this.className='out'">
</div>
<br />
<a class="outClass">
</a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
追问
他没把文件里写的告诉我们怎么弄？
追答
src="
这两个js包jquery.js 跟jquery.corners.min.js的 你存放的位置
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
