百叶窗折叠图片
JavaScript Code
- <script language="javascript">
- $(document).ready(function(){
- ///single
- $("ul#single li").mouseover(function(){
- $(this).stop().animate({height:'400px'},{queue:false, duration:600, easing: 'easeOutBounce'})
- });
- $("ul#single li").mouseout(function(){
- $(this).stop().animate({height:'42px'},{queue:false, duration:600, easing: 'easeOutBounce'})
- });
- //horizontal
- $("ul#horizontal li").mouseover(function(){
- $(this).stop().animate({width:'650px'},{queue:false, duration:600, easing: 'easeOutBounce'})
- });
- $("ul#horizontal li").mouseout(function(){
- $(this).stop().animate({width:'40px'},{queue:false, duration:600, easing: 'easeOutBounce'})
- });
- //vertical
- $("ul#vertical li").mouseover(function(){
- $(this).stop().animate({height:'400px'},{queue:false, duration:600, easing: 'easeOutBounce'})
- });
- $("ul#vertical li").mouseout(function(){
- $(this).stop().animate({height:'42px'},{queue:false, duration:600, easing: 'easeOutBounce'})
- });
- });
- </script>
原文地址:http://www.freejs.net/article_jquerytupiantexiao_300.html
相关推荐
其实各种切换特效都能用Android的属性动画来做的,我就如此简单做了一个,目前有3种特效:水平百叶窗、垂直百叶窗和马赛克,其实懂得这个原理做任何特效都是可以的。 为方便各位童鞋看到运行效果,我上传的是完整的...
Flash百叶窗图片切换动画 Fla源码,竖向的百叶窗效果,点击图片会展开放大显示,用在网页上做焦点图切换想当合适,具体效果请参见截图。
腾讯世博焦点图网页特效,百叶窗折叠javascript特效
CSS3图片百叶窗切换动画代码特效是一款带有左右箭头,索引按钮切换的百叶窗式幻灯片切换效果代码。
用Flash制作简单的切换图片,百叶窗效果
jQuery百叶窗风格图片切换代码是一款基于shutter.js制作多种图片轮播切换效果代码。
vb图片百叶窗效果 vb图片百叶窗效果 vb图片百叶窗效果 vb图片百叶窗效果
jquery百叶窗图片切换
纯CSS3实现百叶窗动画效果 纯CSS3实现百叶窗动画效果
css轮播图片百叶窗切换
Qt图片加载达到百叶窗效果,很好,相学习Qt技术的可以看看
CSS3百叶窗图片切换 图片很美.zip,若需要使用到自己的软件项目中,需要稍加修改,不修改可能会有冲突。
图片效果-百叶窗效果
WinForm图像处理_百叶窗方式显示图片_VS2010。WinForm图像处理 百叶窗方式显示图片 图片处理 C#图像处理
图片自动,手动炫酷百叶窗切换效果,插件简单易用!
分享一款简单的js百叶窗图片轮播切换代码,索引按钮控制多张图片百叶窗过渡效果进行切换。
水平垂直百叶窗,水平百叶窗,垂直百叶窗,新闻切换js
首先,可以上传自己选择的图片,然后,让图片以百叶窗模式出现。
jQuery带标题缩略图的百叶窗图片轮播切换效果jQuery带标题缩略图的百叶窗图片轮播切换效果
图片百叶窗特效