<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery鼠标滑过背景视觉差动画特效 | jQuery特效|手机微信网站特效| 脚本之家</title>
<meta name="keywords" content="SVG特效, 手机微信网站特效, css3动画, html5特效, 网页特效" />
<meta name="description" content="脚本之家-专注于HTML5、CSS3、js、jQuery、手机移动端等网页特效的手机与分享。脚本之家始终坚持:无会员、无积分、无限制的“三无原则”,所有的资源都免费提供广大童鞋下载学习和使用。" />
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div class='page'>
<div class='content'>
<div class='circle'>
<div class='circle_title'>
<h2>脚本之家</h2>
<h3>www.jb51.net</h3>
</div>
<div class='circle_inner'>
<div class='circle_inner__layer'>
<img src='img/pc1.png'>
</div>
<div class='circle_inner__layer'>
<img src='img/pc3.png'>
</div>
<div class='circle_inner__layer'>
<img src='img/pc2.png'>
</div>
</div>
<div class='content_shadow'></div>
</div>
</div>
<div class='content'>
<div class='circle'>
<div class='circle_title'>
<h2>脚本之家</h2>
<h3>www.jb51.net</h3>
</div>
<div class='circle_inner'>
<div class='circle_inner__layer'>
<img src='img/pc4.png'>
</div>
<div class='circle_inner__layer'>
<img src='img/pc5.png'>
</div>
<div class='circle_inner__layer'>
<img src='img/pc6.png'>
</div>
</div>
<div class='content_shadow'></div>
</div>
</div>
<div class='content'>
<div class='circle'>
<div class='circle_title'>
<h2>脚本之家</h2>
<h3>www.jb51.net</h3>
</div>
<div class='circle_inner'>
<div class='circle_inner__layer'>
<img src='img/pc7.png'>
</div>
<div class='circle_inner__layer'>
<img src='img/pc8.png'>
</div>
<div class='circle_inner__layer'>
<img src='img/pc9.png'>
</div>
</div>
<div class='content_shadow'></div>
</div>
</div>
</div>
</body>
</html>