添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

3D立体折页焦点图HTML5网页特效

时间:2014-10-10      来源:互联网     
特效说明:
一款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开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • CSS3制作百叶窗切换焦点图

    CSS3制作百叶窗切换焦点图

    一款CSS3制作百叶窗切换焦点图免费下载,该CSS3特效使用背景图片来制作,在轮播图切换时,通过一组div元素来制作百叶窗效果切换图片,网页制作中非常炫酷的banner图效果。……
    2016-09-04
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • HTML5移动端裁剪图片上传头像代码

    HTML5移动端裁剪图片上传头像代码

    一款HTML5移动端裁剪图片上传头像代码插件下载,该HTML5特效是一款基于jQuery+HTML5实现的图片上传裁剪生成头像特效代码。……
    2016-06-28
  • jQuery鼠标经过显示动画边框特效

    jQuery鼠标经过显示动画边框特效

    一款jQuery鼠标经过显示动画边框特效下载,该JS代码基于jQuery制作的鼠标经过图片、描述文字动画绘制边框特效,适用于图文列表展示代码。……
    2016-06-25
  • jQuery制作苹果秒表计时器代码

    jQuery制作苹果秒表计时器代码

    一款jQuery制作苹果秒表计时器代码下载,该网页特效基于jquery.js制作,可以分次记录时间,参赛计时器插件JS代码。……
    2016-06-19
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19
  • jquery.fractionslider.js制作动态焦点图

    jquery.fractionslider.js制作动态焦点图

    一款jquery.fractionslider.js制作动态焦点图特效下载,该JS特效支持淡入弹出、左右飞入、上下飞入等多元素组合动画自动轮播焦点图代码特效,兼容IE7及以上主流浏览器。……
    2016-05-30
  • CSS3动画响应式全屏焦点图网页特效

    CSS3动画响应式全屏焦点图网页特效

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比网页特效下载,该jQuery插件代码是一款基于jqbar.js实现的柱状图动态显示进度条特效、可以设置横向、纵向柱状图展示。……
    2016-05-22
  • 纯CSS3响应式全屏动态背景渐变切换焦点图

    纯CSS3响应式全屏动态背景渐变切换焦点图

    四款纯CSS3响应式全屏动态背景渐变切换焦点图网页特效免费下载,该焦点图代码采用CSS3属性keyframes,animation编写。响应式网站制作特效代码。……
    2016-05-22

最新更新特效

设计分享