jQuery 实现图片的特效1[原]
生活随笔
收集整理的這篇文章主要介紹了
jQuery 实现图片的特效1[原]
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
用jQuery實現圖片的動畫效果非常簡單.以下演示?jQuery里面所用到的參數?HIDE?SHOW?FADEOUT?FADEIN?的不同.
在線演示:單擊演示
代碼分析:
?//hide?and?show?fadeout?and?fadein
?$("input:eq(0)").click(function(){
????$("img").fadeOut(3000);
????});
??$("input:eq(1)").click(function(){
?????$("img").fadeIn(1000);
??});
???$("input:eq(2)").click(function(){
?????$("img").hide(3000);
???});
???$("input:eq(3)").click(function(){
?????$("img").show(1000);
??});
動畫就這么簡單
在線演示:單擊演示
代碼分析:
?//hide?and?show?fadeout?and?fadein
?$("input:eq(0)").click(function(){
????$("img").fadeOut(3000);
????});
??$("input:eq(1)").click(function(){
?????$("img").fadeIn(1000);
??});
???$("input:eq(2)").click(function(){
?????$("img").hide(3000);
???});
???$("input:eq(3)").click(function(){
?????$("img").show(1000);
??});
動畫就這么簡單
轉載于:https://www.cnblogs.com/net_nb2/archive/2008/08/22/1273911.html
總結
以上是生活随笔為你收集整理的jQuery 实现图片的特效1[原]的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何设置REUSE_ALV_GRID_D
- 下一篇: vs2008与IIS 7.0使用在vis