css3 Animation:
@-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ } }
Jquery :
$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在对象element中添加闪烁动画
也可以在css樣式裡加入以下:
#element{ -webkit-animation: twinkling 1s infinite ease-in-out; }動畫次數為無限次動畫效果為無限次數 1. -in- out 簡單吧!其實用css3做動畫效果,比用flash,javascript要方便簡單多了!希望瀏覽器趕快都支援css3 Animation .目前webkit核心的瀏覽器都支援(safrai,chrome)