Slides
–
是一个简单的，容易定制和风格化，的jQuery幻灯片插件。
Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。
用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。它附带充分的说明和示例。
废话不多说了，直接给大家贴代码了
$(function(){
$("#slides")slidesjs({
play:
{
active:
true,
//
[boolean]
Generate
the
play
and
stop
buttons
//
You
cannot
use
your
own
buttons
Sorry
effect:
"slide",
//
[string]
Can
be
either
"slide"
or
"fade"
interval:
,
//
[number]
Time
spent
on
each
slide
in
milliseconds
auto:
false,
//
[boolean]
Start
playing
the
slideshow
on
load
swap:
true,
//
[boolean]
show/hide
stop
and
play
buttons
pauseOnHover:
false,
//
[boolean]
pause
a
playing
slideshow
on
hover
restartDelay:
//
[number]
restart
delay
on
inactive
slideshow
}
});
});
前台：
<!doctype
html>
<head>
<style>
/
Prevents
slides
from
flashing
/
#slides
{
display:none;
}
</style>
<script
src="http://codejquerycom/jquery-latestminjs"></script>
<script
src="jqueryslidesminjs"></script>
<script>
$(function(){
$("#slides")slidesjs({
width:
,
height:
});
});
</script>
</head>
<body>
<div
id="slides">
<img
src="http://placeholdit/x">
<img
src="http://placeholdit/x">
<img
src="http://placeholdit/x">
<img
src="http://placeholdit/x">
<img
src="http://placeholdit/x">
</div>
</body>
以上内容是关于jqueryslidesjs的全部代码，希望大家喜欢。
js幻灯片广告切换代码如下操作。
1、下载到的压缩包，上传到网站根目录下。
2、解压出来，复制indexhtml里面的主要代码，插入到网站项目想要放置的位置。
3、对插入的代码，根据自己需求对文字以及做适当的修改和替换，即可投入到自己网站中使用以及呈现。
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）