宋体元素1.jquery小案例的完成版分析 2.jQuery仿微博项目-java教程
废话就不多说了,开始。。。
1.jquery小案例的成完版分析
·jQuery小案例分析
·nav.js
获得navigation 下 ul 下 li 加载hover()事件,鼠标移入数函为以后对象的有所ul子元素,止停有所正在该元素上正在运行的画动,之后加载slideDown事件;鼠标移出数函内容为 获得以后对象的有所ul子元素,止停有所正在该元素上正在运行的画动,之后加载slideUp事件。
·slide.js
获得id为p1的元素,加载toggle事件,第一次击单数函为获得以后元素的上一个兄弟元素,执行slideUp事件,在slideUp间时内,转变img的src属性,使其变作相反的图片;第二次击单数函内容为获得以后对象的前一个兄弟元素,添加slideDown事件,回调数函为获得#p1下的img标签元素转变其src属性为相反图片址地。
·scroll.js
建创interId 获得类别为scrollNews的元素对象,给其添加hover事件,第一个鼠标移入数函内容为clearInterval(interId)空清,间时间距数函;第二个鼠标移出数函内容为开启并设置setInterval(function(){scrollNews(¥this)})间时间距数函控制其在必定间时内重复执行scrollNews数函;
scrollNews数函收接数参obj,获得¥ul为obj下有所的ul子元素,义定lineHeight为¥ul下第一个li子元素的高度,让¥ul止停有所正在停止的画动,并且加载一个画动annimate设置数参是让其marginTop的值减去lineHeight,,回调数函为 ¥ul找寻第一个li元素,转变其marginTop为0,并追加到¥ul的尾部。
·tree.js
结合css款式获得m-expanded span 元素集合,加载击单事件,数函内容为获得以后元素的ul兄弟元素的父元素,加载toggleClass(“m-collapased”);
·adjj.js
给div的ad类加载hover事件,鼠标移入数函为clearInterval(interId),鼠标移出事件数函为 执行showPic(index)设定index初始值为0,并且执行后 index++,并且判断当index==共总图片张数的时候 给index值赋为0,最后给本元素加载一个trigger事件执行。
义定showPic(index)数函 , 获得在所ul,止停画动并且执行画动,画动数参为top:-$(".ad").height()*index+"px",500;在获得 图片在所li 判断eq(index)的时候addClass(“on”),siblings()。removeClass(“on”)mouseleave数函。
·imgSlide.js
给goLeft和goRight类分离加载click事件,第一个间时数函为 判断当以后页==总页数的时候,设定以后页初始值为1,求出 总条数的值为总图片的长度,设定每页条数为4,求出总页数为 Math.ceil(total/pagesize),获得宽度为div涂层和宽度;设定以后图层止停画动 并且让气质型 left:0的画动,设定初始值为1;否则让left-=width,page++;
goRight类的点击数函为,判断以后页为1时让以后图层止停画动,执行left为“-=”+pages-1乘以width的画动;其他况情left “+=”+width ;page--;
·自义定jQuery对象的扩展法方
$.fn.extend({
check:function(){
$(":checkbox").each(function(){
$(this).attr({"checked":"true"});
})
}
})
在件文中直接调用check法方可即!
2.jQuery仿微博项目
微博系统的流程分析
mvc架框
控制台
分页示显帮助器
示显台
用户注册:每当一个用户注册功成时,php控制台会动自生本钱用户的n张个人信息据数表,例如挚友表列、个人藏收表、个人私信表等等
宣布内容:用户点击内容宣布后,会动自将据数放入 存储宣布内容各种信息的据数表,同时每当一条内容生成时,会根据本条内容生成论评表,用来存储本条宣布内容的各种论评,同时每当一条论评生成时,php控制台也会动自给本条论评生成一个复回表,用来存储本条论评的每一条复回信息。
个人私信:a给b发送私信后,在a和b的个人私信表会存入本条私信的id 等信息,同时在本条私信生成的同时,给本条私信生成一个复回表,用来存储本条私信有所的复回信息。
存眷:当a点击b的存眷图标,也就是a存眷b的时候,也就是a成为b的粉丝的时候,这个时候,php控制台会将a的名字放到b的个人挚友表列据数表的fans段字,并将b的名字放进a的regard段字;
个人藏收:点击内容的藏收按钮将被点击内容的id 传个人藏收据数表的collectId 从而停止遍历。
文章结束给大家分享下程序员的一些笑话语录:
一个合格的程序员是不会写出 诸如 “摧毁地球” 这样的程序的,他们会写一个函数叫 “摧毁行星”而把地球当一个参数传进去。