jQuery点击点亮图片特效代码下载


jQuery点击点亮图片特效代码下载
jQuery点击点亮图片特效代码下载以及点击点亮图片等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/index.css">

2. 引入JS

<script src="js/jquery.min.js"></script>

3. HTML代码

<h1>4月8日武汉解封,一起点亮武汉</h1>
<div class="main">
	<div id="box1" class="box">
		<img src="images/1.jpg" class="pic">
	</div>
	<div id="box2" class="box">
		<img src="images/2.jpg" class="pic">
	</div>
	<div id="box3" class="box">
		<img src="images/3.jpg" class="pic">
	</div>
	<div id="box4" class="box">
		<img src="images/4.jpg" class="pic">
	</div>
	<div id="box5" class="box">
		<img src="images/5.jpg" class="pic">
	</div>
	<div id="box6" class="box">
		<img src="images/6.jpg" class="pic">
	</div>
</div>
<script>
	$().ready(function () {
		$('img').click(function () {
			$(this).addClass('show')
		})
	})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章