图片的渐隐渐现特效代码

最新推荐文章于 2024-06-04 17:36:46 发布

前端搞搞震

最新推荐文章于 2024-06-04 17:36:46 发布

阅读量1.7k

点赞数 3

分类专栏： javascript知识文章标签：图片特效

本文链接：https://blog.csdn.net/shirley8920/article/details/52768243

版权

javascript知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 200px;
				height: 200px;
				background: red;
				float: left;
				margin: 0 20px 20px 0;
				opacity: 0.7;
				filter: alpha(opacity:70);
			}
		</style>
		<script src="move.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.οnlοad=function(){
				var aDiv=document.getElementsByTagName('div');
				
				for(var i=0;i<aDiv.length;i++){
					aDiv[i].οnmοuseοver=function (){
						startMove(this,'opacity',100);
					};
					
					aDiv[i].οnmοuseοut=function (){
						startMove(this,'opacity',70);
					};
				}
			};
		</script>
	</head>
	<body>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</body>
</html>

功能描述：鼠标经过图片的时候，图片变清晰，离开是时候，变得模糊。

前端搞搞震

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
图片的渐隐渐现特效代码

div{ width: 200px; height: 200px; background: red; float: left; margin: 0 20px 20px 0; opacity: 0.7; filter: alpha(opacity:70); } window.onload=function(){
复制链接

扫一扫