【code】jQuery实现鼠标滑过标题显示其后内容

最新推荐文章于 2024-07-11 11:47:04 发布

季诗筱

最新推荐文章于 2024-07-11 11:47:04 发布

阅读量4k

点赞数

分类专栏： jQuery 文章标签： jQuery javascript

本文链接：https://blog.csdn.net/xiaozhuxmen/article/details/50237009

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
<head>
	<meta charset="utf-8">
	<title>鼠标滑过事件</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div id="panel">
		<h5 class="head">什么是jQuery？</h5>
		<div class="content">是继Prototype之后又一个优秀的JavaScript库，它是由John Resig创建于2006年1月份的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大的简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方法
		</div>
	</div>
	<script type="text/javascript" src="../scripts/jquery.js"></script>
	<script type="text/javascript">
	$(function(){

		$("#panel h5.head").mouseover(function(){
			$(this).next().show();
		}).mouseout(function(){
			$(this).next().hide();
		})
		

	})
	</script>
	<!--用hover（）方法实现该功能-->
	<script type="text/javascript">
		/*$("#panel h5.head").hover(function(){
			$(this).next().show();
		},function(){
			$(this).next().hide();
		})*/
	</script>

</body>
</html>