jquery+win8风格图片九宫格鼠标悬停切换插件


jquery+win8风格图片九宫格鼠标悬停切换插件
jquery+win8风格图片九宫格鼠标悬停切换插件以及图片九宫格、鼠标悬停切换等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="style.css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

3. HTML代码

	<div id="main">
		<li id="min_1" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_2" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_3" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_4" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_5" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_6" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_7" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_8" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_9" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_10" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_11" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
		<li id="min_12" class="mindiv">
			<div class="divbox">
				<div id="box1" class="boxone"></div>
				<div id="box2" class="boxtwo"></div>
			</div>
		</li>
	</div>

相关推荐

发表评论

相关文章