`
knight_black_bob
  • 浏览: 853484 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

superslide 使用入门

    博客分类:
  • js
阅读更多

superslide 使用

 

http://down.admin5.com/demo/code_pop/18/562/

 

1.焦点图 / 幻灯片

 

jQuery(".slideBox").slide( { mainCell:".bd ul",effect:"left",autoPlay:true} );

 

 

2.标签切换 / 书签切换 / 默认效果

     jQuery(".slideTxtBox").slide();

 


 3.图片滚动-左

jQuery("#leftMarquee").slide( { mainCell:".bd ul",effect:"leftMarquee",vis:3,interTime:40,autoPlay:true } );

 

 

 

banner  轮播代码实例

<div class="banner">
	<div id="slideBox" class="slideBox">
    	<div class="bd">
        	<ul>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
            </ul>
        </div>
        <div class="hd">
        	<ul><li></li><li></li><li></li><li></li></ul>
        </div>
     </div>
     <script type="text/javascript">
     	jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
     </script>
</div>

 

 


 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(右上角的爱心标志,支持支付宝和PayPal捐助),没钱捧个人场,谢谢各位。



 
 
 谢谢您的赞助,我会做的更好!

 

 

  • 大小: 77.9 KB
  • 大小: 5.5 KB
  • 大小: 60.2 KB
分享到:
评论

相关推荐

    SuperSlide

    .txt**:这个文本文件可能包含了使用SuperSlide时需要注意的关键信息,比如版权信息、兼容性说明、更新日志或者使用限制。开发者应当仔细阅读以避免潜在问题。 8. **images**:这个文件夹很可能包含了用于演示和...

    多用途SuperSlide插件使用——宽屏焦点图效果

    【多用途SuperSlide插件使用——宽屏焦点图效果】是一种常见的网页设计技术,尤其适用于宽屏网站,如腾讯娱乐频道所示。这种技术的核心在于创建一个动态、吸引人的视觉焦点,通过全屏图像的切换来增强用户体验,同时...

    SuperSlide v2.1.1 所有案例

    * SuperSlide v2.1.1 * 轻松解决网站大部分特效展示问题 * 详尽信息请看官网:http://www.SuperSlide2.com/ * * Copyright 2011-2013, 大话主席 * * 请尊重原创,保留头部版权 * 在保留版权的前提下可应用...

    superslide

    superslide 一个代码 多种效果

    SuperSlide2.1滑动门

    SuperSlide2.1考虑到了这一点,提供了对触摸事件的支持,使得在手机和平板电脑上也能顺畅使用。 4. **参数配置**:SuperSlide2.1提供了丰富的配置选项,开发者可以根据需要调整滑动速度、间隔时间、过渡效果等,...

    SuperSlide2.1.1所有案例 TouchSlide.zip

    《SuperSlide2.1.1所有案例 TouchSlide.zip》是一个包含丰富示例的压缩包,主要涉及使用SuperSlide和jQuery库实现的轮播图效果。SuperSlide是一款强大的JavaScript插件,专为解决网站上的特效展示问题而设计。通过...

    SuperSlide 2.1.2.zip

    SuperSlide是开源jQuery插件,致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!从此...

    多用途SuperSlide插件

    在使用SuperSlide插件时,需要先引入jQuery库。通过jQuery选择器,我们可以方便地获取DOM元素,然后应用SuperSlide提供的方法和属性来实现所需的滑动效果。 ### 3. 使用步骤 1. **引入依赖**:首先,在HTML文件中...

    superslide2升级版superslide3 同时兼容移动端,pc端和响应式。

    【标题】"superslide2升级版superslide3:兼容移动端、PC端与响应式设计的图片轮播组件" 【描述】"随着互联网技术的发展,网页设计对跨平台兼容性和用户体验的要求日益提高。superslide2作为一个受欢迎的图片轮播...

    能上下滚动的轮播图SuperSlide插件

    使用步骤 - **引入文件**:首先需要在HTML中引入SuperSlide的JavaScript和CSS文件,通常放在`&lt;head&gt;`标签内。 - **创建HTML结构**:根据插件要求设置轮播图的HTML结构,通常包括一个容器元素和多个内容元素。 - ...

    SuperSlide2.1.1

    在使用SuperSlide2.1.1时,你需要首先在你的HTML文件中引入jQuery库和这个插件的JS文件。然后,通过编写简单的JavaScript代码或者在HTML元素中添加特定的类和属性,你可以定制滑动效果,例如设置自动播放、添加导航...

    最详细的SuperSlide收费版带demo

    **二、SuperSlide使用步骤** 1. **引入文件**:在HTML文件中引入SuperSlide所需的CSS样式文件和JavaScript脚本文件。 2. **HTML结构**:按照库的要求设置滑动区域的HTML结构,通常包括一个容器元素和多个子元素。 3...

    SuperSlide2.1.20个基础效果和72个扩展效果

    ### 使用方法 1. **引入文件**:在HTML文件中链接SuperSlide2.1的JavaScript和CSS文件。 2. **初始化设置**:通过JavaScript代码设置幻灯片的基本属性,如宽度、高度、动画效果等。 3. **标记HTML**:将要滑动的...

    SuperSlide+jquery滚动样例

    **参数使用说明** 每个滚动效果都有一系列可配置的参数,例如: - `speed`:动画速度,单位为毫秒,用于控制滑动的速度快慢。 - `interval`:自动播放间隔,单位为毫秒,设置两次切换之间的时间间隔。 - `direction...

    superslide例子.rar

    该资源是superslide的一个小列子,希望对你有所帮助。

    首页焦点图banner滚动superslide2

    在这个特定的场景中,使用的是一个叫做 "superslide2" 的插件来实现这个功能。下面我们将深入探讨焦点图、Banner、滚动效果以及"superslide2"的相关知识。 1. **焦点图**:焦点图是网页设计中常用的一种视觉表现...

    SuperSlide2.1所有个扩展效果otherDemo

    1、jquery.SuperSlide.2.1.1.js 为压缩后的文件 2、jquery.SuperSlide.2.1.1.source.js 为源代码文件 3、demo文件内为所有基础效果示例,例如 demo/1.0-switchTab.html 为tab切换基本示例 4、demo/iframe 文件夹并不...

    最详细的SuperSlide收费版2.1带demo

    1. **SuperSlide-所有案例.rar**:这个压缩包包含了SuperSlide的所有使用案例,从基础的轮播到复杂的交互式应用,涵盖了各种可能的使用场景。通过查看和运行这些案例,开发者可以直观地学习如何配置参数、调用API...

    SuperSlide2.1_20个基础效果+72个扩展效果

    1、jquery.SuperSlide.2.1.js 为压缩后的文件 2、jquery.SuperSlide.2.1.source.js 为源代码文件 3、demo文件内为所有基础效果示例 4、demo/iframe 5、otherDemo文件内为所有扩展效果示例 6、syntaxhighlighter ...

    花钱买的SuperSlide-所有案例 各种经典特效

    通过这些示例,开发者可以直观地看到如何在实际项目中使用SuperSlide,以及如何调整参数以实现不同的视觉效果。`otherDemo`目录可能包含了更多的复杂示例,供开发者进一步研究和学习。 `default.css`是默认样式表,...

Global site tag (gtag.js) - Google Analytics