基于JQuery的类似新浪微博展示信息效果的代码.doc
基于JQuery的类似新浪微博展示信息效果的代码
简介:本文档为《基于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>