应用seajs 做了个向上滚动的demo
2024-08-24 00:53:42
目录结构式这样滴
sea
sea-module
jquery-1.10.2.min.js
sea.js
static
css
t.min.css
img
test
test.min.js
main.js
test.html
---------------------------------------------------------------
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<link rel="stylesheet" type="text/css" href="./static/css/t.min.css" />
<script type="text/javascript" src="./sea-module/sea.js"></script>
</head>
<body> <div id="demo">
<div id='box'>
<div>
<li>aaa1</li>
<li>aaa2</li>
<li>aaa3</li>
<li>aaa4</li>
<li>aaa5</li>
</div>
<div>
<li>aaa6</li>
<li>aaa7</li>
<li>aaa8</li>
<li>aaa9</li>
<li>aaa10</li>
</div>
<div>
<li>aaa11</li>
<li>aaa12</li>
<li>aaa13</li>
<li>aaa14</li>
<li>aaa15</li>
</div> </div>
</div>
<script type="text/javascript">
seajs.config({
base:'./sea-module',
alias:{
jquery:'jquery-1.10.2.min.js'
}
})
seajs.use("./static/test/main");
</script>
</body>
</html>
----------------------------------------------------------------
main.js
define(function(require,exports,module){ var $ = require('jquery');
var s = require('./test.min').sc;
s.smove(); })
-----------------------------------------------------------------
test.min.js
define(function(require,exports,module){
var $ = require('jquery');
var sc = (function(_iset){
_iset = $.extend({box:$('#box'),timer:2000,interval:2000});
var _moving;
return {
smove:function(){
_iset.box.hover(function(){
clearInterval(_moving);
},function(){
_moving = setInterval(function(){
var field = _iset.box.find("div:first");
var _height = field.height();
field.animate({marginTop: -_height + 'px',},
_iset.timer, function() {
field.css('marginTop',0).appendTo(box);
});
},_iset.interval)
}).trigger("mouseleave");
}
}
})();
exports.sc = sc;
})
最新文章
- 获取 view所在的VC
- vmware 虚拟机克隆之后配IP重启网络失败
- JavaScript中__proto__与prototype的关系
- 学习笔记--函数式线段树(主席树)(动态维护第K极值(树状数组套主席树))
- Android 获取网络状态
- HTML+CSS学习笔记 (10) - CSS格式化排版
- 在virtualbox上安装mac os mavericks遇到Missing Bluetooth Controller Transport问题解决办法
- Highcharts教程2
- Shot(三分)
- C++ Primer 学习笔记_29_STL实践与分析(3) --操作步骤集装箱(下一个)
- TensorFlow conv2d实现卷积
- Java8之旅(六) -- 使用lambda实现尾递归
- jquery 遍历表格,需要表格中每个td的内容
- phpstorm及webstorm密钥
- WebDriverException : Missing &#39;type&#39; parameter
- vue 用huilder打包APP时,安卓按返回键就退出App改为按两次再退出App
- requests中get和post传参
- css经典布局—Sticky footers布局
- Chapter 3 Phenomenon——20
- 使用libvirt管理KVM(一)