- 时间:2020-11-08 23:26 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:基于jquery创建的一个图片、视频缓冲的效果样式插件
[url=scroll-wait-jquery-plugin.css]</head>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="scroll-wait-jquery-plugin.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var w=$("body").scrollWait();
w.start();
setTimeout(function() {w.stop();},1000);
setTimeout(function() {w.start();},2000);
setTimeout(function() {w.stop();},3000);
setTimeout(function() {w.start();},4000);
setTimeout(function() {w.stop();},5000);
setTimeout(function() {w.start();},6000);
setTimeout(function() {w.end();},7000);
});
</script>
<body>
</body>
</html>
css:
.innerCircle {
position: absolute;
background: #FFFF00;
opacity: 0.8;
}
.innerCircle-change {
background: #333;
position: absolute;
}