<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用jQuery完成窗帘效果</title>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("#dv").ready(function(){
// 初始化完就调用上升函数,实现无限窗帘
up();
});
});
// 上升
function up(){
// 一秒之内卷起元素
$("#dv").slideUp(1000,'linear',down);
}
// 下降
function down(){
// 一秒之内展开元素
$("#dv").slideDown(1000,'linear',up);
}
</script>
</head>
<body>
<div id="dv" style="width: 800px; height: 300px; background-color: red;"></div>
</body>
</html>
jQuery实现无限窗帘效果
于 2018-07-26 14:35:02 首次发布