插件描述：使用超简单，代码仅1句，改变参数就可以了。
使用方法：
引用任何一个版本的jquery文件。
将JoynBackground.css和JoynBackground.js引入文档中。
JS部分
$(document).ready(function(){
JoynBackground(2,10000); //运行（动画类型，时间）
//场景动画类型：1拉近 2拉远 3幻灯片显示
})4.DIV部分
<!-- 背景[就这么简单] --> <div id="JoynBackground"> <img src="图片地址" name="1"/> <img src="图片地址2" name="2"/> ……<!--多少张都可以系统会自动一张一张往下读--> </div> <!-- 背景 -->
下下来看一眼就懂了，超级简单……
所有版本浏览器都可以使用……
PREVIOUS:
NEXT:
相关插件-背景
讨论这个项目（21）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
? 0
2017/11/10 21:25:12
好好看可以给份不 ，42741361@qq.com
你再靠近我报警！0
2018/6/21 16:28:26
-
还要吗
我一把把把手把住了0
2018/7/18 17:40:22
-
兄弟，靠你了1755386338@qq.com
河北小王爷88 0
2016/12/2 11:12:51
-
而且随着拉近 手机端网页可以横向滚动了怎么破？
microsoftvs1
2016/12/2 12:12:32
那样的话直接CSS就可以搞定了，写了个小事例，自己改改就行了
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.aa{ width: 200px; height: 200px; background-color: aqua; margin-left: auto; margin-right: auto; margin-top: 20%; }
#animation{
-webkit-animation:pulse 10s .2s ease both;
-moz-animation:pulse 10s .2s ease both;
-webkit-animation:pulse 10s .2s 1000 ease-in normal none ;
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.5)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.5)}
100%{-moz-transform:scale(1)}
}
</style>
</head>
<body>
<div id="animation" class="aa"></div>
</body>
</html>
河北小王爷880
2016/12/2 14:12:41
-
多谢，刚才用js写好了，换成你这个css3的了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
