您所在的位置： &
Clouda package.js介绍
Clouda package.js介绍
Clouda是简单，可依赖的实时Javascript框架。对一个想开发移动webapp的开发者来说，可以使用clouda开发框架，实现一个功能和体验与native app齐平的轻应用。
package.js用于将文件之间的依赖关系添加到Clouda中，我们可以使用下面的语法编写该文件：
sumeru.packages(&&&&&'student.js',&&&&&.....&&&&&&'studentList.js'&&)&
并不是在所有文件夹下新建文件或者文件夹后就要修改package.js文件，view文件夹和publish文件夹例外。
引入css文件
如果您有CSS文件需要引入到工程中，建议在package.js文件中添加需要的CSS文件，方法如下：
例如studentList.css放在app/asset/css目录下
sumeru.packages(&&&&'student.js',&&&&.....&&&&&'app/asset/css/studentList.css'&)&
在package.js中不仅可以引入CSS文件，当您需要引入jquery、backbone等第三方的库文件时，也可以在package.js中添加。【编辑推荐】【责任编辑： TEL：（010）】
关于&&的更多文章
Android 4.4即将发布，这对大家来说都是很期待的，当然，无论是
既然强大的Android Studio来了，有什么理由不去用呢？
当下，移动App的开发相当火热，Android的和iOS的开发
关于App营销，了解哪类App最能引起用户关注，以及不同
在iOS开发过程中，尤其是对于新手来说，都会遇到或多
本书作为思科认证体系中的入门级教材，主要讲述了网络的基本知识和思科设备的基本命令，以及路由、交换等深层次网络知识的入门知
Windows Phone专家
Android开发专家
51CTO旗下网站您所在的位置： &
JQuery Jcarousel插件实现横向无缝图片滚动
JQuery Jcarousel插件实现横向无缝图片滚动
JQuery Jcarousel插件实现横向无缝图片滚动是本文要介绍的内容，主要是了解利用JQuery来实现滚动效果，具体内容的实现来看本文。
JQuery Jcarousel插件实现横向无缝图片滚动是本文要介绍的内容，主要是了解利用JQuery来实现滚动效果， jCarousel操作jquery图片产品展示插件可以用来展示产品图片的jquery插件。
jCarousel是个非常好看又好用的内容滚动切换插件，可以实现按序水平或垂直方向的内容列表的切换。滚动切换的内容可以是静态的HTML内容，也可以是JS的对象列表，也可以是利用AJAX技术动态载入的内容。&
jcarousel 使用方法 使用此插件，需要在&head&标签内引入jQuery库，jCarousel源文件和CSS样式等：
&type=&text/javascript&&src=&/path/to/jquery-1.2.1.pack.js&&&type=&text/javascript&&src=&/path/to/lib/jquery.jcarousel.pack.js&&&rel=&stylesheet&&type=&text/css&&href=&/path/to/lib/jquery.jcarousel.css&&&&rel=&stylesheet&&type=&text/css&&href=&/path/to/skin/skin.css&&&&jCarousel在HTML文档中使用一个非常简单的HTML标记结构：& &&id=&mycarousel&&& &&&
jCarousel自动生成需要的HTML标记内容。class属性标明jCarousel使用的&name&名称的外观。应用jCarousel，需要在&head&标记内增加以下代码：
&type=&text/javascript&jQuery(document).ready(function()&{&&& &&jQuery('#mycarousel').jcarousel({&&&&&&& &&//&Configuration&goes&here&&&& &}) &; &}); &&
jCarousel可以接受很多配置选项，在后面会详细说明。 jCarousel初始化成功后，生成的DOM结构如下所示：
&& &&&& &&&disabled=&disabled&&&&&& &&&&&& &&&&&&& &&&&&&&&& &First&item&&&&&&& &&Second&item&&&&&& &&&&& &&& &&&
你可以发现自动生成了一些有class属性的元素。你可以自己定义这些对应的class的样式。注： &jcarousel-skin-name&外观class名称被自动从&ul&上变动到了顶层的&div&元素上。在&div&中的第一个&div&元素表示一个不可用的按钮，第二个&div&元素是一个可用的按钮。
不可用按钮有一个disabled属性（实际上对&div&元素没有影响，你可以照常使用按钮元素），额外的jcarousel-prev-disabled(或者jcarousel-next-disabled)表示样式。在列表中的&li&元素都有jcarousel-item-n的样式，通过n表示在列表中的位置。class的名称都可以复用，如&ul&表示一个水平的carousel。动态内容载入使用itemLoadCallback回调方法作为一个配置选项，你可以实现动态创建&li&元素。
&type=&text/javascript&&jQuery(document).ready(function()&{ &&&&&jQuery('#mycarousel').jcarousel({&&&&&&& &&itemLoadCallback:&itemLoadCallbackFunction&&&& &});}); &&
itemLoadCallback是个JavaScript函数，当carousel载入了列表内容时被执行。使用时需要传递两个参数：载入列表的carousel实例对象和指示当前carousel状态的标记（'init','prev'或者'next'）。
&type=&text/javascript&&function&itemLoadCallbackFunction(carousel,&state){&&&& &&&for&(var&i&=&carousel.& &&&i&=&carousel.&i++)&{ &&&&&&&&&//&Check&if&the&item&already&exists&&&&&&& &&if&(!carousel.has(i))&{&&&&&&&&&&& &&&&&//&Add&the&item&&&&&&&&&&& &&carousel.add(i,&&I'm&item&#&&+&i);&&&&&&&& &}&&& &}}; &&
jCarousel包含一个方便的add()方法，用于创建对应编号的元素和元素中的innerHTML字符串内容。如果元素已经存在，它只是更新元素的innerHTML字符串。你可以使用carousel.first和carousel.last变量来访问第一个和最后一个可见元素的编号值。 配置选项 jCarousel接受以下选项来控制carousel的表现和行为。从属性、类型、默认值、描述。
vertical&bool&false&&
指定carousel是水平还是垂直方向滚动。
start&integer&1&&
开始的元素编号。
offset&integer&1&&
初始化后第一个可见的元素编号。
size&integer&&
如果size属性没指定，则为&li&元素的个数 元素的个数。
scroll&integer&3&&
每次滚动切换的元素数量。
visible&integer&null&&
如果设置此项，元素的宽度和高度值将根据区域的宽度和高度值来重新计算，以显示此数量的元素。
animation&mixed&&fast&&&
滚动效果的速度(&slow&或者&fast&)，也可以是毫秒的整数(参见 jQuery Documentation)。如果设置为0，关闭切换效果。
easing&string&null&&
你想使用的缓冲效果的名字 (参见 jQuery Documentation).
auto&integer&0&&
指定每隔多少秒自动滚动内容。如果设置为0(默认值)将关闭自动切换。
wrap&string&null&&
表示是否将第一个和最后一个元素实现连接效果。选项值可以是&first&, &last&或者 &both&。如果设置为null，默认关闭连接效果。 你也可以设置&circular&选项实现循环效果。例子 Circular carousel 演示如何实现此效果。
initCallback&function&null&&
在初始化carousel后调用的JavaScript函数。包含两个参数：调用函数的carousel实例对象和carousel的初始化状态(init, reset 或者reload)。
itemLoadCallback&function&null&&
在carousel动态载入内容后调用的JavaScript函数。包含两个参数：调用函数的carousel实例对象和carousel的动作状态(prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemLoadCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
itemFirstInCallback&function&null&&
当 某个元素成为carousel显示范围的第一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数：调用函数的实例对 象，&li&对象本身，元素在列表中中序号，以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemFirstInCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
itemFirstOutCallback&function&null&&
当某个元素不再是carousel显示范围的第一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数：调用函数的实例对象，&li&对象本身，元素在列表中中序号，以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemFirstOutCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
itemLastInCallback&function&null&&
当某个元素成为carousel显示范围的最后一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数：调用函数的实例对象，&li&对象本身，元素在列表中中序号，以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemLastInCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
itemLastOutCallback&function&null&&
当某个元素不再是carousel显示范围的最后一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数：调用函数的实例对象，&li&对象本身，元素在列表中中序号，以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemLastOutCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
itemVisibleInCallback&function&null&&
当某个元素成为carousel显示范围的某个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数：调用函数的实例对象，&li&对象本身，元素在列表中中序号，以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemVisibleInCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
itemVisibleOutCallback&function&null&&
当某个元素不再是carousel显示范围的某个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数：调用函数的实例对象，&li&对象本身，元素在列表中中序号，以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表，分别表示切换前和切换后的动作。 itemVisibleOutCallback: {& onBeforeAnimation: callback1,& onAfterAnimation: callback2}
buttonNextCallback&function&null&&
当&next&按钮状态改变时调用的JavaScript函数。方法的返回值用于控制&next&按钮可用还是不可用。需要三个参数：调用函数的实例对象，按钮控件元素和该按钮是否可用的标记。
buttonPrevCallback&function&null&&
当&previous&按钮状态改变时调用的JavaScript函数。方法的返回值用于控制&previous&按钮可用还是不可用。需要三个参数：调用函数的实例对象，按钮控件元素和该按钮是否可用的标记。
buttonNextHTML&string&&&
自动生成的next按钮的HTML标记。如果设置为空，不创建next按钮。
buttonPrevHTML&string&&&
自动生成的prev按钮的HTML标记。如果设置为空，不创建prev按钮。
buttonNextEvent&string&&click&&&
指定触发next操作的事件名。
buttonPrevEvent&string&&click&&&
指定触发prev操作的事件名。
兼容性 jCarousel支持以下浏览器：
Internet&Explorer&6&(PC)& &Internet&Explorer&7&(PC)& &FireFox&1.5.0.6&(PC/Mac/Linux)& &Opera&9.01&(PC/Mac)& &Safari&2.0.4&(Mac)& &Safari&3.1.0&(PC)& &Konqueror&3.4.0&(Linux)&&
小结：JQuery Jcarousel插件之横向无缝图片滚动的内容介绍完了，希望通过本文的学习能对你有所帮助！
【编辑推荐】
【责任编辑： TEL：（010）】
关于&&&&&&的更多文章
正如之前所承诺的，jQuery 2.0 正式版如时发布，不支持 IE 6/7/8
既然强大的Android Studio来了，有什么理由不去用呢？
谷歌在新品发布会上正式发布了传闻已久的Android 4.3
App定价是开发者不可忽视的部分，它是确保应用高能见
微信自引入语音短信功能用户量爆发之后，发展状况一直
本书是目前中文版本第一个真正介绍PHP 5及MySQL 5新增语法与功能的权威宝典！
本书本着精、全、要三宗旨，从理论中延伸，从实践
Windows Phone专家
Android开发专家
51CTO旗下网站Apache Cordova是PhoneGap贡献给Apache后的开源项目，成类似于Webkit和Google Chrome的关系。从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。
jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架，是个极其快速的查询选择库，支持W3C查询。由三个组件组成：查询（query）程序库；jQ.Ui——为WebKit浏览器提供的用户界面程序库；jQ.Plugin——针对WebKit浏览器的插件支持。jqMobi现已改名为Intel App Framework。
Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app，可以在多终端下实现数据同步、任务迁移。
jQuery Mobile是jQuery在手机和平板设备上的版本，jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布完整统一的jQuery移动UI框架。支持全球主流的移动平台。
jQuery Mobile是由jQuery团队打造的移动版本，并且在日发布了1.0.0 Alpha 1版本。
jQuery Mobile以“Write Less, Do More”作为目标，可以让你为所有流行的移动平台设计一个高度定制和品牌化的Web应用程序，而不必为每个移动设备编写独特的应用程序或操作系统。
开发语言： JavaScript
jQTouch 是一个 jQuery 的插件，主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。
暂无描述。。。
app-UI 是一个免费开源的可重用 UI 组件容器的集合，对开发移动的 Web 应用非常有用，可使用 HTML+JavaScript 开发交互式的移动 Web 应用。app-UI 可很好的跟 PhoneGap 集成。
Sencha Touch是专门为移动设备开发应用的Javascript框架，可以让你的Web App看起来像Native App，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。有.支持世界上最好的设备；增强的触摸事件；数据集成等特性。
Junior 是一个前端的框架，用来构建 HTML5 的移动 Web 应用，外观跟原生应用一致.
jQuery Mobile是jQuery在手机上和平板设备上的版本。jQuery Mobile支持全球主流的移动平台，不仅给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。jQuery Mobile的目标是在一个统一的UI中交付超级JavaScript功能，跨最流行的智能手机和平板电脑设备工作。与jQuery一样，jQuery Mobile是一个在Internet上直接托管、免费可用的开源代码基础组件。502 Bad Gateway
502 Bad Gateway
nginx/1.4.4今天配置的虚拟机域名指向不正确，一直不知道什么原因。开始的设置
ServerName:
ServerAlias:
发现几个域名和别名都不行，但是当我把serverName改成的时候，竟然可以了~神奇啊
本条目发布于。属于分类。作者是。
(1)、max_connections：
允许的同时客户的数量.增加该值增加 mysqld 要求的文件描述符的数量.这个数字应该增加,否则,你将经常看到 too many connections 错误. 默认数值是100.
(2)、record_buffer：
每个进行一个顺序扫描的线程为其扫描的每张表分配这个大小的一个缓冲区.如果你做很多顺序扫描,你可能想要增加该值.默认数值是k)
(3)、key_buffer_size：
索引块是缓冲的并且被所有的线程共享.key_buffer_size是用于索引块的缓冲区大小,增加它可得到更好处理的索引(对所有读和多重写),到你能负担得起那样多.如果你使它太大,系统将开始换页并且真的变慢了.默认数值是m)
4)、back_log：
要求 mysql 能有的连接数量.当主要mysql线程在一个很短时间内得到非常多的连接请求,这就起作用,然后主线程花些时间(尽管很短)检查连接并且启动一个新线程.
back_log 值指出在mysql暂时停止回答新请求之前的短时间内多少个请求可以被存在堆栈中.只有如果期望在一个短时间内有很多连接,你需要增加它,换句话说,这值对到来的tcp/ip连接的侦听队列的大小.你的操作系统在这个队列大小上有它自己的限制.试图设定back_log高于你的操作系统的限制将是无效的.
当你观察你的主机进程列表,发现大量 264084 | unauthenticated user | xxx.xxx.xxx.xxx | null | connect | null | login | null 的待连接进程时,就要加大 back_log 的值了.默认数值是50
(5)、interactive_timeout：
服务器在关闭它前在一个交互连接上等待行动的秒数.一个交互的客户被定义为对 mysql_real_connect()使用 client_interactive 选项的客户. 默认数值是28800,我把它改为7200.
(6)、sort_buffer：
每个需要进行排序的线程分配该大小的一个缓冲区.增加这值加速order by或group by操作.默认数值是m)
(7)、table_cache：
为所有线程打开表的数量.增加该值能增加mysqld要求的文件描述符的数量.mysql对每个唯一打开的表需要2个文件描述符.默认数值是64
(8)、thread_cache_size：
可以复用的保存在中的线程的数量.如果有,新的线程从缓存中取得,当断开连接的时候如果有空间,客户的线置在缓存中.如果有很多新的线程,为了提高性能可以这个变量值.通过比较 connections 和 threads_created 状态的变量,可以看到这个变量的作用.
(9)mysql的搜索功能
用mysql进行搜索,目的是能不分大小写,又能用中文进行搜索
只需起动mysqld时指定 –default-character-set=gb2312
(10)、wait_timeout：
服务器在关闭它之前在一个连接上等待行动的秒数. 默认数值是28800,我把它改为7200.
注：参数的调整可以通过修改 /f 文件并重启 mysql 实现.这是一个比较谨慎的工作,上面的结果也仅仅是我的一些看法,你可以根据你自己主机的硬件情况（特别是内存大小）进一步修改.
本条目发布于。属于分类。作者是。}