superslide插件教程
SuperSlide是一个非常实用的图片和文字的轮播效果插件，它能够帮助用户快速的设计网站展示的特效。以下是关于SuperSlide插件的教程。
1.引用jQuery和SuperSlide插件
由于SuperSlide是基于jQuery的插件，所以在使用之前，需要先引用jQuery.js和jquery.SuperSlide.js文件。例如：
```html
type="text/javascript" src="../jquery1.42.min.js"> type="text/javascript" src="../jquery.SuperSlide.2.1.1.js"> ``` 2.编写HTML结构 SuperSlide插件需要一定的HTML结构来进行工作。一般来说，需要一个`.hd`容器用于存放导航按钮，以及一个`.bd`容器用于存放轮播的内容。例如： ```html class="fbd12e2881700f0d slideTxtBox"> class="2e2881700f0d077d hd">
class="81700f0d077d2c70 bd">
href="target=_blank">SuperSlide2.0正式发布!
href="target=_blank">名师教作文:3妙招巧写高分
href="target=_blank">澳大利亚八大名校招生说明会
```
3.编写CSS样式
为了给HTML赋予样式，需要编写相应的CSS代码。例如：
```css
.slideTxtBox
{
width:
450px;
border:
1px
solid
ddd;
textalign:
left;
}
.slideTxtBox.hd
{
height:
30px;
lineheight:
30px;
background:
f4f4f4;
padding:
0
20px;
borderbottom:
1px
solid
ddd;
position:
relative;
}
.slideTxtBox.hd
ul
{
float:
left;
position:
absolute;
left:
20px;
top:
1px;
height:
32px;
}
.slideTxtBox.hd
li
{
float:
left;
padding:
0
15px;
cursor:
pointer;
}
.slideTxtBox.hd
li.on
{
height:
30px;
background:
fff;
border:
1px
solid
ddd;
borderbottom:
2px
solid
fff;
}
.slideTxtBox.bd
ul
{
padding:
15px;
zoom:
1;
}
.slideTxtBox.bd
li
{
height:
24px;
lineheight:
24px;
}
```
4.调用SuperSlide插件
在HTML结构和CSS样式完成后，需要在`.slideTxtBox`
div结束后立刻调用SuperSlide插件。例如：
```javascript
type="text/javascript"> jQuery('.slideTxtBox').slide(); ``` 通过上述步骤，就可以实现SuperSlide插件的基本轮播效果。更多高级功能和参数设置可以参考SuperSlide插件的官方文档或者在线教程。 以上内容由AI生成，具体操作请参考官方文档和教程。
