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

在iPhone手机模版中切换焦点图

时间:2014-03-28      来源:互联网     
特效说明:
一款带左右按钮在iPhone手机模版中切换焦点图网页特效,带左右按钮,点击小圆点左右平滑切换图片,网页在手机中模拟焦点图特效。网站建设手机网站案例演示必备特效。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/css.css">

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'images/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});

</script>

3、添加HTML代码:
<body>......</body>之间的html代码;放在<body></body>之间。
相关特效
  • HTML5科幻空间动画背景网页特效

    HTML5科幻空间动画背景网页特效

    一款HTML5科幻空间动画背景网页特效免费下载,该网页特效适用于游戏、科技类网站制作、网页设计背景代码素材。……
    2019-04-12
  • jQuery闪烁粒子动画背景特效

    jQuery闪烁粒子动画背景特效

    一款jQuery闪烁粒子动画背景特效免费下载,该特效基于jquery.parallax.js插件编写,闪烁星空动画背景,页面元素随鼠标运动而运动。……
    2016-12-23
  • jQuery手指滑动刻度尺选择值特效

    jQuery手指滑动刻度尺选择值特效

    一款jQuery手指滑动刻度尺选择值特效免费下载,该特效适用于微信网站、手机站等移动端触屏设备使用,可以用手指左右滑动选择刻度值。……
    2016-12-01
  • SVG制作旋转地图动画

    SVG制作旋转地图动画

    一款SVG制作旋转地图动画免费下载,该SVG地球特效自适应兼容主流浏览器。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery+CSS3登录/注册动画窗口网页特效

    jQuery+CSS3登录/注册动画窗口网页特效

    一款jQuery+CSS3登录/注册动画窗口特效代码下载,该网页特效是一款采用UI界面设计风格,配合使用CSS3动画和少量jQuery代码来制作,整体感觉时尚大方。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • HTML5网站开场动画网页特效

    HTML5网站开场动画网页特效

    一款HTML5网站开场动画网页特效免费下载,该特效基于HTML5+CSS3制作,利用background背景位置移动实现动画效果。……
    2016-06-24
  • CSS3绘制QQ小萌鹅动画图标

    CSS3绘制QQ小萌鹅动画图标

    一款CSS3绘制QQ小萌鹅动画图标下载,该CSS特效代码是画面上的企鹅可呈现出双手上下摆动的效果,HTML5+CSS3动画学习案例。……
    2016-05-22
  • jQuery鼠标拖动滑块选择价格网页特效

    jQuery鼠标拖动滑块选择价格网页特效

    一款jQuery鼠标拖动滑块选择价格网页特效下载,该JS代码素材是一款基于jQuery+CSS3实现的鼠标拖动滑块显示商品价格代码。……
    2016-05-22

最新更新特效

设计分享