儿童动画频道_小精灵儿童网站随着很多事实的曝光，很多家庭都开始关注儿童性教育！

性教育是正常的健康性教育，家长不必感到难以启齿，只有我们认真看待，才能够让孩子避免出现意外，未来也会更好的面对爱情！

如今，有很多儿童性教育动画，可以很好的帮助孩子了解内心的好奇！

孩子在成长时期正是他们求知欲望的巅峰期，父母的教育对他们起着至关重要的作用，只有正确引导孩子，才能让孩子正确认识自己。

如果连父母都去逃避，这不仅打击了孩子的求知欲，并且容易扭曲孩子对性的认识？

下面介绍了几种动画效果的方法，具体如下：1、show()显示效果语法：show(speed,callback)Number/String,Functionspeend为动画执行时间，单位为毫秒；

也可以为slow,normal,fastcallback可选,为当动画完成时执行的函数。

show(speed,[easing],callback)Number/Stringeasing默认是swing,可选linear!

$(#div1).show(3000,function(){alert(动画显示完成。

2、hide()隐藏效果语法:hide(speed,callback)Number/String,Functionhide(speed,easing,callback)Number/String$(#div1).hide(3000,function(){alert(动画隐藏完成)})?

3、toggle()隐藏显示自动切换，当目前为显示则隐藏，当目前为隐藏则显示语法：toggle(speed,callback)Number/String,Functiontoggle(speed,callback)Number/String,String,Function$(#div1).toggle(3000,function(){alert(动画效果切换完成)})?

4、slideDown()向下显示，slow()是水平与垂直方向同时展开，而slideDown是仅仅在垂直方向向下展开语法:slideDown(speed,callback)Number/String,FunctionslideDown(speed,[easing],callback)Number/String,Function$(#div1).slideDown(3000,function(){alert(向下展开显示成功！

5、slideUp()向上隐藏,hide()是水平与垂直两个方向的，而slideUp()仅仅是垂直方向向上收起隐藏语法:slideUp(speed,callback)Number/String,FunctionslideUp(speed,[easing],callback)Number/String,String,Function$(#div1).slideUp(3000,function(){alert(向上收起隐藏成功!

})6、slideToggle垂直方向上切换,toggle是水平与垂直两个方向上的，而slideToggle是仅仅垂直方向的。

语法:slideToggle(speed,callback)Number/String,FunctionslideToggle(speed,[easing],callback)Number/String,String,Function$(#div1).slideToggle(3000,function(){alert(水平方向上切换成功)?

7、fadeIn()以改变透明度来显示语法：fadeIn(speed,callback)Number/String,FunctionfadeIn(speed,[easing],callback)Number/String,Function$(#div1).FadeIn(3000,function(){alert(淡入显示成功；

8、fadeOut()以改变透明度来隐藏语法：fadeOut(speed,callback)Number/String,FunctionfadeOut(speed,[easing],callcack)Number/String,String,Function$(#div1).fadeOut(3000,function(){alert(淡出隐藏成功。

9、fadeToggle()以改变透明度来切换显示隐藏状态语法:fadeToggle(speed,callback)Number/String,FunctionfadeToggle(speed,[easing],callback)Number/String,Function$(#div1).fadeToggle(3000,function(){alert(淡入淡出切换成功;

10、fadeTo()由指定的时间将透明度改变到指定的透明度语法：fadeTo(speed,callback)Number/String,FunctionfadeTo([speed],opacity,[easing],[fn])Number/String,Float,String,Function$(#div1).fadeTo(3000,0.22,function(){alert(透明度改变成功。

11、animate()自定义动画，一般来说数字变动都可以用于动画。

语法：animate(params,speed,easing,callback)？

样式参数，时间，可选择，函数$(#div1).animate({width:300px,height,300px},3000)!

其中params要用中括号括起来，可以使用的css样式参数;

注意要采用骆驼法则，如font-size要写成fontSize。

颜色渐变不支持。

backgroundPositionborderWidthborderBottomWidthborderLeftWidthborderRightWidthborderTopWidthborderSpacingmarginmarginBottommarginLeftmarginRightmarginTopoutlineWidthpaddingpaddingBottompaddingLeftpaddingRightpaddingTopheightwidthmaxHeightmaxWidthminHeightmaxWidthfontfontSizebottomleftrighttopletterSpacingwordSpacinglineHeighttextIndent12、stop()停止正在执行动画stop([clearQueue],[gotoEnd])。

两个参数均为布尔值，第一个表示，是否停止动画执行、第二个表示，如果停止，是否立即变为执行完成的状态，如果设置为否，则停留在执行一半的状态;

$(#div1).hide(5000)//此动画正在执行$(#div1).stop();

//上一行代码指定的动画停止在一半状态$(#div1).stop(true,true);

//停止当前动画，同时动画切换到完成执行状态;

13、delay()延迟执行动画当一个动画stop()了之后还能够用delay()来延迟执行;

从停止位置继续执行；

当然用原来的方法继续执行也不可，不过没有延时效果。

delay(duration,[queueName])设置一个延迟值来执行动画Integer,String$(#div1).delay(3000).hide(3000)。

//表示在3000毫秒后执行hide(3000)？

14、jQuery.fx.off//该属性只是是否关闭当前页面上的动画,关闭动画之后，没有动画效果，所有设置了执行时间的动画会瞬间完成？

注意此属性出现的位置；

出现的位置不同影响的范围也不同！

//属性在事件外面，对页面加载后执行的所有动画有效$(#div1).click(function(){//属性如果写在这里，仅仅对当前点击事件无效，不影响其他事件的动画$(#div1).hide(3000)?

//注意由于jQuery.fx.off设置为了true,因此3000毫秒失效，相当于hide()。

})15、jQuery.fx.interval//该属性设置动画的帧速，单位是毫秒，如果设置的时间越小，就越平滑;

属性出现的位置同样有影响范围$(function(){jQuery.fx.interval=1000！

//jQuery.fx.interval设置为1000，也就是1秒钟，改变一次效果。

})四个小球分别包含于四个正方形div，将小球相对于正方形定位（top：0。

left：0），将方形div设置旋转，使小球分别位于四角，然后使用关键帧动画控制小球在当前位置与靠近中心点的位置之间来回移动{animation:flor_move1s0seaseinfinite。

}}还剩下一个旋转的效果，这个便交给方形div的父级元素{animation:flor_rote2s0seaseinfinite。

}}这个效果实现起来不难，将九个小球固定好位置，改变小球透明度即可（每个小球要设置不一样动画时间）@keyframesmar_ligt{50%{opacity:0.4？

}}还是九个小球，不过这里改变了小球的大小，为了防止因为改变大小而致使排版错乱，所以每个小球都包含在固定宽高的div中，使小球在div中横纵方向上时刻居中!

这样就可以放心地改变小球的大小了（每个小球依然设置不同的动画时间）@keyframesmar_ligts{50%{transform:scale(.5)!

}}撞球效果，四个小球横纵方向居中排列，中间两个小球不动，左右两边的小球分别向两边来回移动（注意运动的时间差即可）。

}//左边的小球{animation:poolball_r1s0slinearinfinite?

}//右边的小球@keyframespoolball_l{25%{transform:translateX(-100%)。

}}这是一个很常见的效果，同样的为了防止因为小球大小的改变而使页面排版发生错乱，在小球外面加套一层固定宽高的div?

对每个小球还要设置动画延迟{animation:size_change1.2slinearinfinite。

}}五个小球，只需横向居中，通过外边距来撑开小球之间的距离，通过关键帧动画改变小球的translateY、以及宽高和透明度。

小球初始宽高为15px，透明度为.6;

}}动画片是孩子生活中不可或缺的，对孩子来说，动画片的功能与游戏类似，都具有象征性的自我教育意义。

同时也是孩子人生的一种经验，是对孩子学习、想像力等的一种激发认知世界和社会，初步了解人物的关系看天线宝宝之间的友好也教育孩子要友好，反正身边有利于他成长的教育动画，我都陪着他一起看，然后再引导他它既有动听的声音，又有精美的画面，且有一定的节奏感，因而很容易为儿童所接受会影响孩子的世界观，行为价值观由于动画作品对孩子天生的亲和力，它所散发出来的道德教育魅力也是不可抵挡的。