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

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

时间:2016-05-30      来源:互联网     
特效说明:
一款jquery.fractionslider.js制作动态焦点图特效下载,该JS特效支持淡入弹出、左右飞入、上下飞入等多元素组合动画自动轮播焦点图代码特效,兼容IE7及以上主流浏览器。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/fractionslider.css">

2、调用JS插件代码:
<script src="js/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.fractionslider.js" type="text/javascript" charset="utf-8"></script>

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

4、初始化代码:
<script language="javascript">
$(window).load(function(){
    $('.slider').fractionSlider({
        'fullWidth':             true,
        'controls':             true,
        'pager':                 true,
        'responsive':             true,
        'dimensions':             "1000,400",
        'increase':             false,
        'pauseOnHover':         true
    });
});
</script>
相关特效
  • Parallax.js强大的javascript视觉差特效引擎

    Parallax.js强大的javascript视觉差特效引擎

    Parallax.js是一款功能非常强大的javascript视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效。它可以检测智能设备的方向。你可以将它作为jQuery插件来使用,也可以以纯……
    2016-05-30
  • 鼠标滚动视觉差skrollr.js插件网页特效

    鼠标滚动视觉差skrollr.js插件网页特效

    skrollr.js是一款流行的视差滚动类库,不依赖于其它框架的独立类库,可以让你快速打造出视差滚动效果。它可以让我们给任意元素设置关键帧的CSS属性,然后它会自动形成动画效果。更重要的……
    2016-05-22
  • jQuery滚动到指定位置animatescroll.js动画插件

    jQuery滚动到指定位置animatescroll.js动画插件

    AnimateScroll.js 是一个简单的jQuery插件,它用来为滚动增加延迟效果. 可以自定义滚动样式(30多种滚动效果)和滚动速度. 还有一个可以操纵滚动结束位置的padding选项,这个插件不局限于整个页面,某……
    2016-05-22
  • 滚动触发动画插件scrollR eveal.js

    滚动触发动画插件scrollR eveal.js

    一款滚动触发动画插件scrollR eveal.js高品质网页特效,随鼠标滚轮监听位置不断加载动画效果炫酷网页制作特效插件JS代码。请用支持HTML5+CSS3主流浏览器预览效果。……
    2014-12-04
  • JS动画火箭404错误页面

    JS动画火箭404错误页面

    一款JS动画火箭404错误页面网页特效,浏览网页遇到404页面是不是很呆板很难看?让你网站404错误页面绚起来吧!更多网页特效代码请访问科e互联免费下载JS特效频道。……
    2014-11-20
  • jQuery图文分离动画幻灯片模版插件

    jQuery图文分离动画幻灯片模版插件

    一款jQuery图文分离动画幻灯片模版devrama.slider插件网页特效,带左右按钮,点击按钮图片左右平滑动画切换,自动轮播图片、文字分层焦点图。……
    2014-10-10
  • jQuery插件jqfloat网页动画场景特效

    jQuery插件jqfloat网页动画场景特效

    一款jQuery插件jqfloat网页动画场景网页特效,生动的动画场景网页,给人更加丰富的想象力,增强了网站的互动性、趣味性,jqfloat动画插件便于我们制作一些动画特效。……
    2014-10-09



最新更新特效

设计分享