原生态纯js图片网格鼠标悬停放大显示特效代码下载


原生态纯js图片网格鼠标悬停放大显示特效代码下载
原生态纯js图片网格鼠标悬停放大显示特效代码下载以及图片网格、鼠标悬停、放大显示等js/jquery网页特效代码下载。

1. HTML代码

<div style="position: absolute; left: 50%; top: 50%;">
	<div id="title" style="position: absolute; width: 440px; height: 40px; left: -220px; top: -200px;"></div>
	<div id="border" style="border: 1px solid rgb(85, 85, 85); background: rgb(0, 0, 0) none repeat scroll 0%; position: absolute; width: 440px; height: 340px; left: -220px; top: -170px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div>
	<div id="screen" style="background: rgb(0, 0, 0) none repeat scroll 0%; position: absolute; width: 400px; height: 300px; left: -200px; top: -150px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
		<span style="left: 0px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im6.jpg" alt=""></span>
		<span style="left: 0px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -8px;" src="images/im2.jpg" alt=""></span>
		<span style="left: 0px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im3.jpg" alt=""></span>
		<span style="left: 0px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im4.jpg" alt=""></span>
		<span style="left: 103px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im5.jpg" alt=""></span>
		<span style="left: 103px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im1.jpg" alt=""></span>
		<span style="left: 103px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im7.jpg" alt=""></span>
		<span style="left: 103px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im18.jpg" alt=""></span>
		<span style="left: 205px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im8.jpg" alt=""></span>
		<span style="left: 205px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im10.jpg" alt=""></span>
		<span style="left: 205px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im12.jpg" alt=""></span>
		<span style="left: 205px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im17.jpg" alt=""></span>
		<span style="left: 308px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im14.jpg" alt=""></span>
		<span style="left: 308px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im15.jpg" alt=""></span>
		<span style="left: 308px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im16.jpg" alt=""></span>
		<span style="left: 308px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="images/im9.jpg" alt=""></span>
	</div>
	<div id="caption" style="position: absolute; width: 440px; height: 60px; left: -220px; top: 175px;display:none;"><b>carefully</b> weight the options</div>
</div>
<script type="text/javascript"><!--
// starter
load();
//-->
</script>

相关推荐

发表评论

相关文章