直接在代码上，HTML、CSS和jQuery代码拷贝可以显示在页面上。
HTML代码如下所示：
亲爱的，这是标题的第一行。
aaaaaaaaaaaaaaaaaaaaa
-->
亲爱的，这是一系列的宣传
bbbbbbbbbbbbbbbbbbbbb
-->
亲爱的，这是一个奇迹。
ccccccccccccccccccccc
-->
CSS代码如下所示：
。animateslide {宽度：100%；高度：390px；位置：相对；背景：# f5f5f5；}
。animateslideimgwrap {宽度：100%；高度：390px；位置：绝对；Z指数：1；溢出：隐藏；}
。animateslideimgwrap.present {显示：块；}
。animateslideimgbox {宽度：100%；高度：390px；位置：绝对；Z指数：1；显示：无；}
。animateslideimgbox.text1 { font-family:微软雅黑；字体大小：36px；线高度：1.2em；颜色：# 384cd0；颜色：；和{字体：；
。animateslideimgbox.text2 { font-family:微软雅黑；字体大小：26px；线高度：1.2em；颜色：橙色；颜色：；和{字体：；
。animateslideimgbox.img {位置：绝对；左：470px；最高：0；Z指数：2；}
animateslidebtnl，
{。animateslidebtnr
宽度：30px；身高：60px；线高度：60px；字体大小：20px；字体重量：700；文本对齐：中心；背景：；
位置：绝对；左：30px；顶部：150px；Z指数：6；鼠标指针；显示：无；
}
。animateslidebtnr {左：汽车；右：20px；}
jQuery代码如下所示：
（函数（$）{）
美元。fn.animateslide =功能（选项）{
var默认值= {
BtnL：animateslidebtnl 。
BtnR：animateslidebtnr 。
imgbox：。animateslideimgbox
animatetime：500，
延迟时间：5000，
密度：1
}；
VaR选择=美元。扩展（默认值，选择）；
无功widthwin = $（窗口）Width（）；
$（窗口）。调整大小（函数（）{）
widthwin = $（窗口）Width（）；
}）；
This.on（MouseEnter
$（这）找到（。AnimateSlideBtnL。animateslidebtnr）。停止（）FadeIn（400）；
}），（MouseLeave
$（这）找到（。AnimateSlideBtnL。animateslidebtnr）。停止（）FadeOut（400）；
}）；
返回this.each（函数（）{（）
_this = $（this）功；
无功_btnl = _this.find（选择。btnl）；
无功_btnr = _this.find（选择。btnr）；
无功_imgbox = _this.find（选择。imgbox）；
无功_imgboxcur = _imgbox.filter（，）；
无功_curtext1 = _imgboxcur.find（。），_curtext2 = _imgboxcur.find（中），_curimg = _imgboxcur.find（img）；
无功_imgboxnext = null，_nexttext1 = null，_nexttext2 = null，_nextimg = null；
VaR指标= _imgbox.index（_imgboxcur）| | 0；
无功大小= _imgbox.size（）；
var启动=空；
索引+；
如果（索引=大小）{
索引= 0；
}
_imgboxnext = _imgbox.eq（指数）；
_nexttext1 = _imgboxnext.find（。）；
_nexttext2 = _imgboxnext.find（中）；
_nextimg = _imgboxnext.find（img）；
_imgbox.find（。text1，text2，。。IMG）。Css（左
_imgboxcur.find（。text1，text2。）Css（左。
_imgboxcur.find（img）。Css（左），（widthwin - 980）/ 2 + 470 +PX）；
_btnr.on（单击
AnimateSlideFn（）；
}）；
_btnl.on（单击
AnimateSlideFn（）；
}）；
开始= setTimeout（）{（）函数（
AnimateSlideFn（）；
开始= setTimeout（arguments.callee，延迟时间的选择。）；
}，选择延迟时间）；
功能animateslidefn（）{
（如果！（_imgboxcur.find（。text1，text2，。。IMG），（动画）| | _imgboxnext.find（text1，text2，。。。IMG），（动画）））{
当前帧动画
_curtext1.animate（{
左：parseInt（_curtext1.css（左））+ 100
}，opts.animatetime×0.6，函数（）{
_curtext1.animate（{
左：510px
}，选择animatetime）；
}）；
setTimeout（）{（）函数（
_curtext2.animate（{
左：parseInt（_curtext2.css（左））+ 100
}，opts.animatetime×0.6，函数（）{
_curtext2.animate（{
左：510px
}，选择animatetime）；
}）；
}，200）；
setTimeout（）{（）函数（
_curimg.animate（{
左：parseInt（_curimg.css（左））+ 200
}，opts.animatetime×0.6，函数（）{
_curimg.animate（{
左：510px
}，opts.animatetime，函数（）{
_imgbox.find（。text1，text2，。。IMG）。Css（左
_imgboxcur.removeclass（）；
}）；
}）；
}，400）；
下一帧动画
setTimeout（）{（）函数（
_imgboxnext.addclass（）；
_nexttext1.animate（{
左：（widthwin - 980）/二
}，opts.animatetime，函数（）{
_nexttext1.animate（{
左：（widthwin - 980）/ 2
}，opts.animatetime×0.6）；
}）；
setTimeout（）{（）函数（
_nexttext2.animate（{
左：（widthwin - 980）/二
}，opts.animatetime，函数（）{
_nexttext2.animate（{
左：（widthwin - 980）/ 2
}，opts.animatetime×0.6）；
}）；
}，200）；
setTimeout（）{（）函数（
_nextimg.animate（{
左：（widthwin - 980）/ 2 + 370
}，opts.animatetime，函数（）{
_nextimg.animate（{
左：（widthwin - 980）/ 2 + 470
}，opts.animatetime×0.6，函数（）{
索引+；
如果（索引=大小）{
索引= 0；
}
_imgboxcur = _imgbox.filter（，）；
_imgboxnext = _imgbox.eq（指数）；
_curtext1 = _imgboxcur.find（。）；
_curtext2 = _imgboxcur.find（中）；
_curimg = _imgboxcur.find（img）；
_nexttext1 = _imgboxnext.find（。）；
_nexttext2 = _imgboxnext.find（中）；
_nextimg = _imgboxnext.find（img）；
}）；
}）；
}，400）；
}，opts.density×1200）；
}
}
}）；
}；
}（jQuery）；
$（函数（）{（））
$（。animateslide）。AnimateSlide（{
BtnL：animateslidebtnl 。
BtnR: .AnimateSlideBtnR
imgbox：。animateslideimgbox
animatetime：500，
延迟时间：6000，
密度：0.9
}）；
}）；
