投稿 评论 顶部
 手机版 | QQ登录 | 登陆 | 注册 | 留言 | 设首页 | 加收藏

为网页添加动态背景 (背景轮播)

佚名 网站网络


设置网页背景

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全屏背景</title>
    <script src="http://api.asilu.com/cdn/jquery.js,jquery.backstretch.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$.backstretch('http://www.scfzw.cn/api/mn/img/feng552.jpg');
</script>
</body>
</html>

多张张图片切换


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全屏背景切换</title>
    <script src="http://api.asilu.com/cdn/jquery.js,jquery.backstretch.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$.backstretch([
        'http://www.scfzw.cn/api/mn/img/feng552.jpg',
        'http://www.scfzw.cn/api/mn/img/feng553.jpg',
        'http://www.scfzw.cn/api/mn/img/feng554.jpg',
        'http://www.scfzw.cn/api/mn/img/feng555.jpg',
        'http://www.scfzw.cn/api/mn/img/feng556.jpg'
    ], {
        fade : 1000, // 动画时长
        duration : 2000 // 切换延时
});
</script>
</body>
</html>