关闭

关闭

关闭

封号提示

内容

首页 基于JQuery的类似新浪微博展示信息效果的代码

基于JQuery的类似新浪微博展示信息效果的代码.doc

基于JQuery的类似新浪微博展示信息效果的代码

agnostic_jing
2012-07-25 0人阅读 0 0 0 暂无简介 举报

简介:本文档为《基于JQuery的类似新浪微博展示信息效果的代码doc》,可适用于IT/计算机领域

滑动向下时把最后一个节点copy过去插入在第一节点中并在显示时隐藏再通过透明渐变显示出来。附上源码需要的朋友可以copy复制代码代码如下:<!DOCTYPEhtmlPUBLIC"WCDTDXHTMLTransitionalEN""http:wwwworgTRxhtmlDTDxhtmltransitionaldtd"><htmlxmlns="http:wwwworgxhtml"><head><title>UntitledPage<title><linkrel="Stylesheet"type="textcss"href="ResultCssresetresetmincss"><styletype="textcss">wcon{width:pxheight:pxoverflow:hiddenborder:pxsolid#}#wslid{width:}#wslidli{width:height:px}lia{background:#ffc}lib{background:#aaff}lic{background:#fffaa}lid{background:#ffffa}lie{background:#ffff}<style><scripttype="textjavascript"src="ResultJavaScriptOrJQueryjqueryjqueryjs"><script><head><body><divclass="wcon"id="wcon"><ulid="wslid"><liclass="a"><li><liclass="b"><li><liclass="c"><li><liclass="d"><li><liclass="e"><li><ul><div><scripttype="textjavascript">functionslide(){var$wslid=$('#wcon')consolelog($wslid)varTimer$wslidhover(function(){clearInterval(Timer)},function(){Timer=setInterval(function(){slideFadeIn($wslid)},)})trigger("mouseleave")}functionslideFadeIn(obj){var$self=objfind('ul:first')var$height=$selffind('li:first')height()consolelog($height)$selfanimate({'marginTop':$height'px',},,function(){$selfcss({marginTop:})find("li:first")appendTo($self)$selffind("li:first")hide()$selffind("li:first")fadeIn("slow")})}$(function(){slide()})<script><body><html>复制代码代码如下:<!DOCTYPEhtmlPUBLIC"WCDTDXHTMLTransitionalEN""http:wwwworgTRxhtmlDTDxhtmltransitionaldtd"><htmlxmlns="http:wwwworgxhtml"><head><title>UntitledPage<title><linkrel="Stylesheet"type="textcss"href="ResultCssresetresetmincss"><styletype="textcss">wcon{width:pxheight:pxoverflow:hiddenborder:pxsolid#}#wslid{width:}#wslidli{width:height:px}lia{background:#ffc}lib{background:#aaff}lic{background:#fffaa}lid{background:#ffffa}lie{background:#ffff}<style><scripttype="textjavascript"src="ResultJavaScriptOrJQueryjqueryjqueryjs"><script><head><body><divclass="wcon"id="wcon"><ulid="wslid"><liclass="a"><li><liclass="b"><li><liclass="c"><li><liclass="d"><li><liclass="e"><li><ul><div><scripttype="textjavascript">functionslide(){var$wslid=$('#wcon')consolelog($wslid)varTimer$wslidhover(function(){clearInterval(Timer)},function(){Timer=setInterval(function(){slideFadeIn($wslid)},)})trigger("mouseleave")}wwwiniotcnfunctionslideFadeIn(obj){var$self=objfind('ul:first')var$height=$selffind('li:first')height()consolelog($height)$selfanimate({'marginTop':$height'px',},,function(){$selfcss({marginTop:})find("li:first")appendTo($self)$selffind("li:first")hide()$selffind("li:first")fadeIn("slow")})}$(function(){slide()})<script><body><html>

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

评分:

/3

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料