利用JqAnimate实现的文字特效效果(大小,位置,透明度等变换)。
var WordDemoHandler={ DemoOne:function(){ var mMarginLeft=100; for(var i=0;i<$("#demoOne").children().length;i++){ var target=$($("#demoOne").children()[i]); target.animate({marginLeft:mMarginLeft+"px",opacity:1},100+i*100); mMarginLeft+=target.width(); } }, DemoTwo:function(){ $("#demoTwo>span").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);}); } } }
演示以及原文:http://www.pengyaou.com/LegendsZ/File/2014/10/21/20141021173454484.html
相关推荐
一个jQuery实现的文字列表不间断香山翻滚的特效,默认间隔时间为2s,童鞋们可根据自己需要修改,修改位置在网页js最底部 使用方法: 1、将index.html中的css 以及代码部分拷贝到你的网页中即可
代码简介:jquery实现叠层3D文字特效是一款效果非常酷,实现代码也很简单,没有用HTML5和CSS3元素,纯粹用Jquery代码实现的。
看到一些云购的网站中包含价格的数据会一直滚动、增加。为网站增加了很好的视觉效果。于是,用JQ实现了出来。效果很好,即开即用。有需要的朋友可以试试哦。
今天我们要来分享一款很酷的jQuery/CSS3文字发光特效,首先是加载了谷歌的公共字体库,因此字体非常特别和漂亮,另外利用了jQuery和CSS3的相关特性,当鼠标滑过文字时,文字将会出现发光的动画特效,非常漂亮。
JQ鼠标经过标题向上弹出特效是一款基于jquery css3实现的点击左右箭头可移动左右滚动图片特效。
插件描述:javript实现文字雨特效,学习的时候写的,大侠见谅. 参考示例:http://www.jq22.com/jquery-info5879
这是一款jQuery实现的当鼠标悬浮文字列表时更换样式并往右移动,点击左右箭头控制文字列表切换特效代码。
JQ酷狗首页带文字说明焦点图是一款基于jQuery实现的多图带文字说明焦点图代码。
jquery实现图片翻牌旋转特效是一款当鼠标悬浮到图片上的时候,图片与文字间进行翻转切换。
jq实现图片滚动(平滑滚动)代码,让图片无缝循环滚动,可点击文字控制滚动方向,不限图片数量的上下图片滚动,支持IE8以下浏览器,IE9和火狐及Chrome下有问题,也希望JS达人可修正代码哦。
jQuery CSS图片切换特效,一款采用翻书效果带说明和文字动画的新颖图片切换特效,其实就是焦点图特效,只是这款焦点图图片切换的方式是翻书样式的,每次切换图片,翻书的动画都不一样,不过只是翻页方向的变化。...
本文实例讲述了jQuery实现的动态文字变化输出效果。分享给大家供大家参考,具体如下: 演示效果图如下: 1、完整实例代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...
主要介绍了jQuery实现3D文字特效的方法,通过鼠标与css样式来实现文字特效的技巧,需要的朋友可以参考下
分享一款jQuery左侧图片右侧文字...下面给大家分享下基于jq实现左侧显示图片右侧文字滑动切换效果,用div+css布置表单借用jq实现特效,具体不多说了,请看下面代码。 html代码: <ul class=ui-banner-slides>
jquery实现叠层3D文字特效是一款效果非常酷,实现代码也很简单,没有用HTML5和CSS3元素,纯粹用Jquery代码实现的。 运行效果图:——————————效果演示—————————– 为大家分享的jquery实现叠层3D...
使用jQuery实现左右移动文字的特效,可将第一张移动到最后一张,也可以把最后一张移动到第一张。
jQuery打字特效
Jquery实现鼠标hover图片遮罩弹出提示层特效,供大家一起共同分享学习。
jQuery实现鼠标划过文字左右移动 请点击演示地址看效果。
jQuery动态数字翻滚计数到指定数字的文字特效代码