jQuery的一个特效

最新推荐文章于 2024-10-11 17:39:47 发布

刘江虹

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量655

点赞数

文章标签： jquery javascript function html 框架 events

本文链接：https://blog.csdn.net/tianhong11/article/details/7969030

版权

今天说的是jQuery，先给大家简单介绍一下jquery吧。Jquery是一个优秀的Javascrīpt框架。jQuery能使用户更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。还有一个特点是能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。好吧，今天说的是一个hover()方法。看代码：

<html>
<head>
<title>tianhong</title>
<script language="javascript" src="jQuery.min.js"></script>
<script language="javascript">
$(function(){
$("img").hover(
    function(oEvent)
	{
	    $(oEvent.target).css("opacity","0.5");
	},
	function(oEvent)
	{
	     $(oEvent.target).css("opacity","1.0");
	}
);
});

</script>
</head>
<body>
<img src="tian10.jpg">
</body>
</html>

效果图就不粘了，如果大家运行的话，就会看到效果了！提醒一下，在用jQuery这个框架时，一定要引入jQuery.min.js这个库！切记！