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捐助),没钱捧个人场,谢谢各位。
谢谢您的赞助,我会做的更好!
相关推荐
.txt**:这个文本文件可能包含了使用SuperSlide时需要注意的关键信息,比如版权信息、兼容性说明、更新日志或者使用限制。开发者应当仔细阅读以避免潜在问题。 8. **images**:这个文件夹很可能包含了用于演示和...
【多用途SuperSlide插件使用——宽屏焦点图效果】是一种常见的网页设计技术,尤其适用于宽屏网站,如腾讯娱乐频道所示。这种技术的核心在于创建一个动态、吸引人的视觉焦点,通过全屏图像的切换来增强用户体验,同时...
* SuperSlide v2.1.1 * 轻松解决网站大部分特效展示问题 * 详尽信息请看官网:http://www.SuperSlide2.com/ * * Copyright 2011-2013, 大话主席 * * 请尊重原创,保留头部版权 * 在保留版权的前提下可应用...
superslide 一个代码 多种效果
SuperSlide2.1考虑到了这一点,提供了对触摸事件的支持,使得在手机和平板电脑上也能顺畅使用。 4. **参数配置**:SuperSlide2.1提供了丰富的配置选项,开发者可以根据需要调整滑动速度、间隔时间、过渡效果等,...
《SuperSlide2.1.1所有案例 TouchSlide.zip》是一个包含丰富示例的压缩包,主要涉及使用SuperSlide和jQuery库实现的轮播图效果。SuperSlide是一款强大的JavaScript插件,专为解决网站上的特效展示问题而设计。通过...
SuperSlide是开源jQuery插件,致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!从此...
在使用SuperSlide插件时,需要先引入jQuery库。通过jQuery选择器,我们可以方便地获取DOM元素,然后应用SuperSlide提供的方法和属性来实现所需的滑动效果。 ### 3. 使用步骤 1. **引入依赖**:首先,在HTML文件中...
【标题】"superslide2升级版superslide3:兼容移动端、PC端与响应式设计的图片轮播组件" 【描述】"随着互联网技术的发展,网页设计对跨平台兼容性和用户体验的要求日益提高。superslide2作为一个受欢迎的图片轮播...
使用步骤 - **引入文件**:首先需要在HTML中引入SuperSlide的JavaScript和CSS文件,通常放在`<head>`标签内。 - **创建HTML结构**:根据插件要求设置轮播图的HTML结构,通常包括一个容器元素和多个内容元素。 - ...
在使用SuperSlide2.1.1时,你需要首先在你的HTML文件中引入jQuery库和这个插件的JS文件。然后,通过编写简单的JavaScript代码或者在HTML元素中添加特定的类和属性,你可以定制滑动效果,例如设置自动播放、添加导航...
**二、SuperSlide使用步骤** 1. **引入文件**:在HTML文件中引入SuperSlide所需的CSS样式文件和JavaScript脚本文件。 2. **HTML结构**:按照库的要求设置滑动区域的HTML结构,通常包括一个容器元素和多个子元素。 3...
### 使用方法 1. **引入文件**:在HTML文件中链接SuperSlide2.1的JavaScript和CSS文件。 2. **初始化设置**:通过JavaScript代码设置幻灯片的基本属性,如宽度、高度、动画效果等。 3. **标记HTML**:将要滑动的...
**参数使用说明** 每个滚动效果都有一系列可配置的参数,例如: - `speed`:动画速度,单位为毫秒,用于控制滑动的速度快慢。 - `interval`:自动播放间隔,单位为毫秒,设置两次切换之间的时间间隔。 - `direction...
该资源是superslide的一个小列子,希望对你有所帮助。
在这个特定的场景中,使用的是一个叫做 "superslide2" 的插件来实现这个功能。下面我们将深入探讨焦点图、Banner、滚动效果以及"superslide2"的相关知识。 1. **焦点图**:焦点图是网页设计中常用的一种视觉表现...
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 文件夹并不...
1. **SuperSlide-所有案例.rar**:这个压缩包包含了SuperSlide的所有使用案例,从基础的轮播到复杂的交互式应用,涵盖了各种可能的使用场景。通过查看和运行这些案例,开发者可以直观地学习如何配置参数、调用API...
1、jquery.SuperSlide.2.1.js 为压缩后的文件 2、jquery.SuperSlide.2.1.source.js 为源代码文件 3、demo文件内为所有基础效果示例 4、demo/iframe 5、otherDemo文件内为所有扩展效果示例 6、syntaxhighlighter ...
通过这些示例,开发者可以直观地看到如何在实际项目中使用SuperSlide,以及如何调整参数以实现不同的视觉效果。`otherDemo`目录可能包含了更多的复杂示例,供开发者进一步研究和学习。 `default.css`是默认样式表,...