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

Swipe动画放大效果的焦点图

时间:2014-11-15      来源:lanrentuku.com     
特效说明:
一款Swipe动画放大效果的焦点图网页特效,带缩略图渐变切换图片随机移动动画焦点图JS代码网页特效。带左右按钮及点击索引按钮切换图片JS代码!swipe放大效果的焦点图代码,切换后图片不是静止在哪里,而是由无及近的放大效果,类似flash效果,但比Flash更平滑,支持缩略图预览加载和longding倒计时功能。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="js/pe.kenburns/themes/default/skin.min.css" />

2、调用JS代码:
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/pe.kenburns/jquery.pixelentity.kenburnsslider.min.js"></script>

3、添加HTML代码:
加入<!--效果html开始-->......<!--效果html结束-->之间的html代码;放在<body></body>之间。

4、初始化代码:
<script>
    jQuery(function($){
        $(".peKenBurns").peKenburnsSlider({externalFont:true})
    })
</script>
相关特效
  • 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
  • jquery.fractionslider.js制作动态焦点图

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

    一款jquery.fractionslider.js制作动态焦点图特效下载,该JS特效支持淡入弹出、左右飞入、上下飞入等多元素组合动画自动轮播焦点图代码特效,兼容IE7及以上主流浏览器。……
    2016-05-30
  • jqbar.js制作柱状动画进度条百分比特效

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

    jqbar.js制作柱状动画进度条百分比网页特效下载,该jQuery插件代码是一款基于jqbar.js实现的柱状图动态显示进度条特效、可以设置横向、纵向柱状图展示。……
    2016-05-22
  • 移动端整屏切换带判断横屏/竖屏状态JS代码

    移动端整屏切换带判断横屏/竖屏状态JS代码

    一款移动端整屏切换带判断横屏/竖屏状态JS代码网页特效,该JS代码带Loading加载动画,且判断设备屏幕横屏还是竖屏状态,鼠标拖动响应式全屏切换网页框架代码。……
    2015-12-09
  • 自定义百度分享URL以及图标样式JS代码

    自定义百度分享URL以及图标样式JS代码

    一款自定义百度分享URL以及图标样式JS代码网页特效,可以应用于响应式网页制作、微信网页制作分享代码。……
    2015-08-21
  • jQuery带视频播器放功能焦点图轮播特效

    jQuery带视频播器放功能焦点图轮播特效

    一款jQuery带视频播器放功能焦点图轮播特效下载,jquery+flash交互式媒体播放器是一款带左右按钮、索引按钮焦点图片点击jwplayer网页视频播放代码下载。……
    2015-08-20
  • 微信网页添加分享到朋友圈、发送好友JS代码

    微信网页添加分享到朋友圈、发送好友JS代码

    微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何……
    2015-08-19
  • jQuery图文分离响应式全屏动画滑点图

    jQuery图文分离响应式全屏动画滑点图

    一款jQuery图文分离响应式全屏动画滑点图网页特效,该JS代码是一款可以左右轮播动画切换焦点图,支持自动轮播,带左右箭头和索引按钮,可自定义设置多个动画滑块元素。……
    2015-08-03

最新更新特效

设计分享