superslide轮播图的使用

除了swiper轮播插件还有superslide需要结合juery它的一起使用里面的介绍很详细，基本的效果都能实现，唯一不好的有的效果需要支付
它的官网地址 http://www.superslide2.com/index.html
第一步导入js

 <script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.3.js"></script>

第二步，它的框架编写

<div class="slideTxtBox"><div class="hd"><ul><li>教育</li><li>培训</li><li>出国</li></ul></div><div class="bd"><ul><li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布！</a></li>...</ul><ul><li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>...</ul><ul><li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>...</ul></div>
</div>

第三步在使用它的盒子后面马上调用

<script type="text/javascript">jQuery(".slideBox").slide({mainCell:".bd ul",titCell:".hd ul li",autoPlay:true}); </script>

superslide轮播图的使用相关推荐

Web APIs介绍（四）——offset/client/scroll/轮播图/本地存储
1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移).大小等. 获得元素距 ...
Web APIs：移动端网页特效--移动端常用开发框架（Bootstrap）及阿里百秀轮播图案例
框架概述框架,顾名思义就是一套架构,它会基于自身的特点向用户提供一套较为完整的解决方案.框架的控制权在框架本身,使用者要按照框架所规定的某种规范进行开发. 前端常用的框架有 Bootstrap.V ...
前端内好用插件轮播图
前端内好用插件&&轮播图文章目录前端内好用插件&&轮播图一.js辅助插件 (1)flexible适配(移动端和pc端兼容) (2)fastclick插件(解决移动 ...
SuperSlide轮播插件滚动高度或宽度不对的问题解决
声明:本文由w3h5原创,转载请注明出处:SuperSlide轮播插件滚动高度或宽度不对的问题解决 SuperSlide 是一款比较实用的轮播插件,网站上常用的"焦点图/幻灯片"& ...
超级简单的jquery轮播图demo
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>轮播图 ...
bootstrap 两个轮播图冲突_Bootstrap的轮播图样式
轮播效果是一个幻灯片效果,使用CSS 3D变形转换和一些JAvaScript构建一内容循环播放,它适用于一系列图像.文本或自定义标记,还包括对上一个/下一个图的浏览控制和指令支持. 轮播组件不支持互相 ...
轮播切换_javascript基础（一）——轮播图
javascript基础(一)--轮播图 1.轮播图的实现原理轮播图的js实现原理其实十分的简单,首先将图片放入一个ul标签中,ul标签的大小要足够将所有图片放入其中.然后再将ul标签放进div中, ...
微信小程序自定义轮播图滚动样式自定义组件轮播图的实现
效果图: 实现代码: wxml <view class="card card_b"><swiper autoplay="{{true}}" i ...
Vue轮播图插件---Vue-Awesome-Swiper
轮播图插件 Vue-Awesome-Swiper 地址:https://github.com/surmon-china/vue-awesome-swiper 安装:npm install vue-aw ...

superslide轮播图的使用

superslide轮播图的使用相关推荐

最新文章

热门文章