jQuery 实现图片的特效1[原]
2008-08-22 11:32
316 查看
用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);
});
动画就这么简单
相关文章推荐
- jQuery实现的鼠标滑过弹出放大图片特效
- jquery实现横向图片轮播特效代码分享
- 通过jquery实现图片随机排列特效代码
- 基于jquery实现的仿优酷图片轮播特效代码
- jquery实现移动端点击图片查看大图特效
- 原生js和jquery实现图片轮播特效
- jquery实现图片左右间隔滚动特效(可自动播放)
- jQuery手动点击实现图片轮播特效
- 通过jquery实现图片随机排列特效代码
- 完美兼容各大浏览器的jQuery插件实现图片切换特效
- 完美兼容各大浏览器的jQuery插件实现图片切换特效
- jQuery插件实现图片轮播特效
- 分享jquery实现百叶窗特效的图片轮播
- 基于jquery实现的仿优酷图片轮播特效代码
- jQuery插件boxScroll实现图片轮播特效
- jQuery插件zoom实现图片全屏放大弹出层特效
- loner_li JQuery插件 实现相册光箱特效(后台数据库调图片和前台直接显示)
- 原生js和jquery实现图片轮播特效
- jQuery实现友好的轮播图片特效
- jQuery实现鼠标滑过图片移动特效