HTML和css然后js怎么做这样的效果，这个图片鼠标移动上时图片里会动，那个扇子会闭合打开，这个可以百度深圳图书馆看一下效果，求大神赐一段代码，万分感谢！！！

我可以的o 2018-08-03 11:04:02

...全文

155 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2018-08-04

打赏
举报



<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title> 页面名称 </title>

<style type="text/css">

#d {

	width: 142px;

	height: 150px;

	background: url(https://www.szlib.org.cn/media/images/indimg_a1.png) no-repeat left top;

}

</style>

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

var timer;

$(function(){

	$("#d").mouseenter(function(event){

		clearInterval(timer);

		var n = 0, w = $(this).width();

		var t = $(this);

		timer = setInterval(function(){

			n--;

			t.css({backgroundPosition:n*w+"px 0px"})

			if (n<=-8)

				clearInterval(timer);

		}, 100);

	});

});

</script>

</head>

<body>

<div id="d"></div>

</body>

</html>