基于Jquery的淡入淡出的特效基础练习

首页 > 网络编程 > JavaScript > javascript类库 > jquery 更新日期: 2015-08-27
基于Jquery的淡入淡出的特效基础练习实现代码,学习jquery的朋友可以参考下。
今天练习了个Jquery淡入淡出的特性代码如下:
<span></span>
<img src="1.jpg" alt="" />
</a>
<a href="2.jpg">
<span></span>
<img src="2.jpg" alt="" />
</a>
</div>
<div >
<h2>jQuery solution</h2>
<a href="1.jpg">
<img src="1.jpg" alt="" />
</a>
<a href="2.jpg">
<img src="2.jpg" alt="" />
</a>
</div>
</body>
</html>

用到的图片:基于Jquery的淡入淡出的特效基础练习
基于Jquery的淡入淡出的特效基础练习
基于Jquery的淡入淡出的特效基础练习

一个淡入淡出小例子:

Jquery代码
http://demo.jb51.net/js/zoom_icon%20to_images/index.htm

> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • 基于jQuery的淡入淡出可自动切换的幻灯插件
    基于jQuery淡入淡出可自动切换的幻灯插件,原型是前几天写的一个幻灯效果,因为一个小bug卡了两天,然后清空之前写的代码,重新整理思路写出来的. 思维是个很诡异的东西,一旦陷入某个死角,很难逃出. 惟有冷却一些时间,完全抛开旧的思维,才能找到新的出路.其实就是一个幻灯效果,考虑到使用方便,就封装成一个插件了. 插件特点 1. 参数高度自定义; 2. 可重复 ...
  • jQuery实现DIV层淡入淡出拖动特效的方法
    这篇文章主要介绍了jQuery实现DIV层淡入淡出拖动特效的方法,涉及jQuery针对鼠标操作的常用技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jQuery实现DIV层淡入淡出拖动特效的方法.分享给大家供大家参考.具体实现方法如下: 代码如下:<html><head><title>jQuery实现DIV层淡入 ...
  • 基于jquery实现简单的手风琴特效
    基于jquery实现简单的手风琴特效
    这篇文章主要介绍了基于jquery实现简单的手风琴特效,需要的朋友可以参考下手风琴效果是项目中使用频率较高的一种效果,本文实例J就为大家讲述了jquery实现简单的手风琴特效代码.分享给大家供大家参考.具体如下:运行效果截图如下: 具体代码如下: css样式 /* CSS Document */ body { margin: 0 auto; padding: ...
  • jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
    jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
    这篇文章主要介绍了jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果,涉及jquery鼠标事件及页面元素动态样式设置的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果.分享给大家供大家参考.具体如下: 这是一款核心基于jquery的多级导航菜单特效,横向向右依次展开菜单项,当 ...
  • jQuery实现首页图片淡入淡出效果的方法
    jQuery实现首页图片淡入淡出效果的方法
    这篇文章主要介绍了jQuery实现首页图片淡入淡出效果的方法,实例分析了jQuery图片淡入淡出效果的相关使用技巧,需要的朋友可以参考下本文实例讲述了jQuery实现首页图片淡入淡出效果的方法.分享给大家供大家参考.具体分析如下: 这里演示当当网的品牌店铺首页效果,演示地址为:http://static.dangdang.com/gm/topic/2270_ ...
猜你喜欢