目录结构式这样滴

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;

})

应用seajs 做了个向上滚动的demo的更多相关文章

  1. view向上滚动

    之前本来是打算做TextView垂直向上滚动的,后来发现一位大神做得很好,https://github.com/sfsheng0322/MarqueeView 孙福生大神,然后自己要用到多个View向 ...

  2. JavaScript判断鼠标滑轮是向下还是向上滚动

    我们常用的就是鼠标,鼠标中键一般都用于滑动网页,但是网页中很多很炫的效果,使用鼠标滑轮操作更好. 当然对于手机就没有这个设备了,所以就不用考虑手机端的实现方法,手机端有触摸滑动事件. 使用JavaSc ...

  3. Android CoordinatorLayout + AppBarLayout(向上滚动隐藏指定的View)

    在新的Android Support Library里面,新增了CoordinatorLayout, AppBarLayout等. 实现的效果: 向下滚动RecylerView,Tab会被隐藏,向上滚 ...

  4. JS判断鼠标向上滚动还是向下滚动

    js如何判断滚轮的上下滚动,我们应该都见到过这种效果,用鼠标滚轮实现某个表单内的数字向上滚动就增加,向下滚动就减少的操作,这种效果是通过js对鼠标滚轮的事件监听来实现的.今天简单的研究了一下如何使用j ...

  5. UpMarqueeTextView-模仿淘宝client向上滚动的广告条

    UpMarqueeTextView一个简单的向上滚动的相似跑马灯效果,项目中用到的时候是接受到推送过来的消息向上滚动一次.没有做动态的gif效果,所以都是一些纯文字的简单记录. UpMarqueeTe ...

  6. 向上滚动或者向下滚动分页异步加载数据(Ajax + lazyload)[上拉加载组件]

    /**** desc : 分页异步获取列表数据,页面向上滚动时候加载前面页码,向下滚动时加载后面页码 ajaxdata_url ajax异步的URL 如data.php page_val_name a ...

  7. 移动手机端H5无缝间歇平滑向上滚动js代码

    在没结合css3的transform实现平滑过渡前,我都是用的jquery的animate方法,此方法在PC端基本看不出来有稍微卡顿的现象,但是在性能不高的手机上使用该方法,就会有明显的卡顿现象,不够 ...

  8. iscroll双重滚动，向上滚动隐藏一部分，下拉后显示

    最近项目需求:下面是页面,当用户向上滚动时候,[隐藏的]部分也向上滚动直至消失,这时候[标题]和[搜索框]在最顶部,而[内部的]可以继续滚动,而当[内部的]滚动到最顶部时候,也就是[这个是内部1]时候 ...

  9. js判断鼠标向上滚动并浮动导航

    <div id="Jnav"> <ul class="nav"> <li><a href="#"& ...

随机推荐

  1. RabbitMQ 学习资料

    https://www.rabbitmq.com/getstarted.html http://www.cnblogs.com/luxiaoxun/p/3918054.html http://back ...

  2. 基于Nodejs的爬虫

    简介 基于 Node.JS 爬取 博客园 1W+博文,对博文内容做关键词提取,生成词云. 演示 安装 安装 git.Node.JS.MongoDB.Yarn 克隆代码 git clone git@gi ...

  3. java 第11次作业：你能看懂就说明你理解了——this关键字

    this 代表当前对象

  4. 正确适配苹果ATS审核要求的姿势

    首先,ATS的技术行为不会有任何变化(除了新增两个字段NSAllowsArbitraryLoadsInWebContent和NSRequiresCertificateTransparency,也就是更 ...

  5. centOS下lnamp安装

    首先安装apache,mysql ,最后安装php 1>apache安装 安装:yum install -y httpd 运行:/bin/systemctl start httpd.servic ...

  6. LVS-nat模式-原理介绍

    集群,为解决某个特定问题将多台计算机组合起来形成的单个系统 lvs-nat: 本质是多目标IP的DNAT,通过将请求报文中的目标地址和目标端口修改为某挑出的RS的RIP和PORT实现转发 lvs集群类 ...

  7. 《零基础入门学习Python》【第一版】视频课后答案第002讲

    测试题答案: 0. 什么是BIF?BIF 就是 Built-in Functions,内置函数.为了方便程序员快速编写脚本程序(脚本就是要编程速度快快快!!!),Python 提供了非常丰富的内置函数 ...

  8. 使用TensorFlow的卷积神经网络识别手写数字（3）-识别篇

    from PIL import Image import numpy as np import tensorflow as tf import time bShowAccuracy = True # ...

  9. pycharm-install scipy

    懒得装双系统,所以在win7下用pycharm,python2.7 虽然机子本身是64位,但是安装包的时候,我居然需要下载32位的??迷:) 这次装的是scipy.在pycharm里添加不了,根据网上 ...

  10. type和object

    一.定义 1.object是所有新式类的父类 2.type是所有类的类    二.解析   下面通过代码来比较一下object和type的关系(__class__获取所属的类,__bases__获取父 ...