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

jQuery带停止/播放图文分离左右滑动焦点图

时间:2013-11-18      来源:科e互联     
特效说明:
一款jQuery带停止/播放图文分离左右滑动焦点图网页特效,文字、图片、背景分离,内容左右滑动切换,可以做自适应宽屏焦点图。优点:可以做自适应宽屏焦点图;兼容性好。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />

2、调用JS代码:
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>

3、拷贝HTML代码:
加入<!--效果html开始-->......<!--效果html结束-->之间的html代码;放在<body></body>之间。
相关特效
  • SVG剪裁路径遮罩动画切换jQuery幻灯片

    SVG剪裁路径遮罩动画切换jQuery幻灯片

    一款SVG剪裁路径遮罩动画切换jQuery幻灯片下载,该JS特效是一款基于SVG、clipPath和mask遮罩元素实现的动画背景切换幻灯片特效。……
    2016-06-19
  • 搜狗输入法jQuery旋转焦点图

    搜狗输入法jQuery旋转焦点图

    一款搜狗输入法jQuery旋转焦点图网页特效下载,基于jQuery编写,搜狗输入法官方网站3D立体旋转jquery焦点图JS代码。……
    2015-03-04
  • jQuery左右按钮弹性切换焦点图

    jQuery左右按钮弹性切换焦点图

    一款jQuery左右按钮弹性切换焦点图网页特效,鼠标悬停显示左右按钮,鼠标滑出隐藏按钮,自动轮播及点击左右按钮、索引数字按钮弹性切换焦点图JS代码。……
    2015-03-03
  • jQuery+CSS3多种幻灯片过渡效果

    jQuery+CSS3多种幻灯片过渡效果

    一款jQuery+CSS3多种幻灯片过渡效果网页特效,击按左右钮切换幻灯片,切换效果包含:透明渐变、3D旋转、放大消失,百叶窗效果等。……
    2015-01-27
  • jQuery带时间轴按钮自动轮播焦点图

    jQuery带时间轴按钮自动轮播焦点图

    jQuery带时间轴按钮自动轮播焦点图,带暂停 / 播放控制按钮,带左右箭头按钮切换,点击时间轴按钮切换焦点图代码!……
    2015-01-21
  • jQuery左右透明按钮渐变切换幻灯片

    jQuery左右透明按钮渐变切换幻灯片

    一款jQuery左右透明按钮渐变切换幻灯片网页特效免费下载,带左右按钮,点击左右半圆按钮透明渐变切换幻灯片特效代码。……
    2015-01-21
  • jQuery图片文字同时滚动切换焦点图代码

    jQuery图片文字同时滚动切换焦点图代码

    一款带左右箭头及自动轮播jQuery幻灯片网页特效,该特效支持多设置张图片,支持设置多段文字,支持自动轮播,支持设置图文滚动方向,兼容主流浏览器!……
    2015-01-13
  • jQuery带缩略图左右按钮渐变切换宽屏焦点图

    jQuery带缩略图左右按钮渐变切换宽屏焦点图

    一款jQuery带缩略图左右按钮渐变切换宽屏焦点图网页特效,兼容IE6宽屏自适应jQuery焦点图代码,大图缩略图,自动轮播及点击按钮渐变切换JS代码。……
    2014-11-13
  • jQuery带进度条提示焦点图特效

    jQuery带进度条提示焦点图特效

    一款jQuery带进度条提示焦点图网页特效,带进度条透明渐变图片切换JS代码,自动轮播及点击当前进度条按钮切换焦点图。……
    2014-10-12
  • jQuery三屏前后图片预览焦点图

    jQuery三屏前后图片预览焦点图

    一款jQuery三屏前后图片预览焦点图网页特效免费下载,带左右按钮,点击按钮左右平滑滚动切换,自动轮播切换焦点图JS代码。……
    2014-10-10

最新更新特效

设计分享