HTML5 3D立体折页焦点图网页特效源码分享

特效说明：一款3D立体折页焦点图HTML5网页特效，点击左右按钮立体旋转切换图片，动画下拉画布显示文字，支持火狐、IE9以上等支持HTML5+CSS3浏览器。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）

使用方法：1、调用CSS样式：
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码：
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.imgslider.js"></script>
<script type="text/javascript">
$(function() {
$( '#fs-slider' ).imgslider();
});
</script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

代码下载及演示地址

猜你喜欢

打赏

1个评论

0个牛币 3D图片特效焦点图轮播特效 HTML/HTML5

文件名:css3Focus.zip,文件大小:453.233K 下载