jquery2014-10-22 01:34:54 7545
Jq文字特效实现,为网页增加动态色彩以及体验。其实实现起来也不是很难,主要还是对JqAnimate方法的运用。
Jq代码:
var WordDemoHandler={
DemoOne:function(){
var mMarginLeft=100;
for(var i=0;ispan").animate({marginTop:0 "px",fontSize:35 "px",opacity:1,marginLeft:100 "px"},500);
},
DemoThree:function(){
var mMarginLeft=100;
for(var i=0;i<$("#demoThree").children().length;i ){
var target=$($("#demoThree").children()[i]);
target.animate({marginLeft:mMarginLeft "px",opacity:1},100 i*100);
mMarginLeft =target.width();
target.animate({fontSize:85 "px"},300,function(){$(this).animate({fontSize:35 "px"},300);});
}
}
}彭亚欧个人博客原创文章,转载请注明出处
文章关键词:Jq文字特效,Jq特效,Jq动态文字
文章固定链接:https://www.pengyaou.com/legendsz/front/codejq/NDY=.html
上一篇 Jquery回到顶部与回到底部
下一篇 php类以及继承