<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery SVG左右弹性切换全屏焦点图动画DEMO演示</title>
<link rel='stylesheet prefetch' href='static/css/slick.css'>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" viewbox="0 0 1366 768" xml:space="preserve">
<!-- Gaussian blur filter progression to animate -->
<defs>
<filter id="blur0">
<fegaussianblur in="SourceGraphic" stddeviation="0 0"></fegaussianblur>
</filter>
<filter id="blur1">
<fegaussianblur in="SourceGraphic" stddeviation="5 0"></fegaussianblur>
</filter>
<filter id="blur2">
<fegaussianblur in="SourceGraphic" stddeviation="12 0"></fegaussianblur>
</filter>
<filter id="blur3">
<fegaussianblur in="SourceGraphic" stddeviation="20 0"></fegaussianblur>
</filter>
<filter id="blur4">
<fegaussianblur in="SourceGraphic" stddeviation="35 1"></fegaussianblur>
</filter>
<filter id="blur5">
<fegaussianblur in="SourceGraphic" stddeviation="50 1"></fegaussianblur>
</filter>
</defs>
</svg>
<div class="slider">
<div>
<img src="static/picture/photo-1446770145316-10a05382c470.jpg" alt="">
</div>
<div>
<img src="static/picture/photo-1455717974081-0436a066bb96.jpg" alt="">
</div>
<div>
<img src="static/picture/photo-1477420086945-b99c643e8a3d.jpg" alt="">
</div>
</div>
<script src='static/js/jquery.min.js'></script>
<script src='static/js/slick.min.js'></script>
<script src="static/js/index.js"></script>
</body>
</html>
jQuery全屏焦点图弹性切换动画.rar （10个子文件） 
hjiaoben53 
index2.html 2KB index.html 420B static picture 
photo-1477420086945-b99c643e8a3d.jpg 217KB photo-1455717974081-0436a066bb96.jpg 111KB photo-1446770145316-10a05382c470.jpg 120KB js 
slick.min.js 41KB index.js 416B jquery.min.js 85KB css style.css 5KB slick.css 2KB资源评论
