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

Bootslider响应式全屏相册特效

时间:2016-05-25      来源:互联网     
特效说明:
一款Bootslider响应式全屏相册特效网页特效下载,该CSS3+jQuery特效适用于PC网站制作,响应式网站制作图片、相册展示应用。带左右箭头、索引按钮。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE9、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<link href="css/bootslider.css" rel="stylesheet" type="text/css" />
<link href="css/bs-theme-metro.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />

2、调用JS插件代码:
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/touchSwipe.js" type="text/javascript"></script>
<script src="js/fitvids.js" type="text/javascript"></script>
<script src="js/bootslider.js" type="text/javascript"></script>

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

4、实例化代码:
<script>
$(document).ready(function() {
var slider = new bootslider('#bootslider', {
    animationIn: "fadeInUp",
    animationOut: "flipOutX",
    timeout: 5000,
    autoplay: true,
    preload: true,
    pauseOnHover: false,
    thumbnails: true,
    pagination: true,
    mousewheel: false,
    keyboard: true,
    touchscreen: true
});
slider.init();
});
</script>
相关特效
  • baguetteBox移动端PC端响应式相册插件

    baguetteBox移动端PC端响应式相册插件

    一款baguetteBox移动端PC端响应式相册插件免费下载,该JS特效支持多图展示,多分辨率展示大图特效,响应式网站建设超实用图文展示JS代码。……
    2016-06-12
  • jwplayer响应式多终端适配视频播放器

    jwplayer响应式多终端适配视频播放器

    一款jwplayer响应式多终端适配视频播放器免费下载,该JS视频插件适用于网页播放视频展示,这里整理了下分享给大家。……
    2016-05-26
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jQuery九宫格图片拉伸变大图文相册特效

    jQuery九宫格图片拉伸变大图文相册特效

    一款jQuery九宫格图片拉伸变大图文相册特效下载,该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

    jQuery层叠展示导航菜单响应式网页框架

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • CSS3动画响应式全屏焦点图网页特效

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

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jQuery响应式全屏动画菜单网站框架

    jQuery响应式全屏动画菜单网站框架

    一款jQuery响应式全屏动画菜单网站框架,通过点击页面侧边菜单,对应的页面加载时伴随着滑动过渡动画,还带进度条效果的。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常……
    2016-05-22
  • jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效源码是一款非常有创意的基于jQuery和CSS3单页倾斜分割布局幻灯片特效的代码。该幻灯片特效将整个屏幕倾斜分割为两个部分,一部分用于展示图片,另一……
    2016-05-22
  • HTML5触屏滑动侧边栏导航菜单特效

    HTML5触屏滑动侧边栏导航菜单特效

    一款HTML5触屏滑动侧边栏导航菜单特效下载,该Bootstrap导航菜单特效是一款基于jquery+html5实现的兼容手机和PC端动画导航菜单插件,响应式网站建设必备代码素材。……
    2016-05-22



最新更新特效

设计分享