编程 Javascript

jquery加载图片时以淡入方式显示的方法

Posted in Javascript onJanuary 14, 2015

本文实例讲述了jquery加载图片时以淡入方式显示的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title></title>

</head>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $("img[id='load']").load(function(){

   $(this).hide();

   $(this).fadeIn(5000);

  });

 }); 

</script>

<body>

<div></div>

<div>

 <img id="load" src="./images/11_b.jpg" />

</div>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

从jQuery.camelCase()学习string.replace() 函数学习

Sep 13 Javascript

jQuery - css() 方法示例详解

Jan 16 Javascript

jQuery简单实现网页选项卡特效

Nov 24 Javascript

JavaScript下的时间格式处理函数Date.prototype.format

Jan 27 Javascript

JS简单随机数生成方法

Sep 05 Javascript

JavaScript 事件对内存和性能的影响

Jan 22 Javascript

超全面的vue.js使用总结

Feb 12 Javascript

详解通过JSON数据使用VUE.JS

May 26 Javascript

jQuery获取复选框选中的当前行的某个字段的值

Sep 15 jQuery

Vue项目添加动态浏览器头部title的方法

Jul 11 Javascript

js replace替换字符串同时替换多个方法

Nov 27 Javascript

element-ui点击查看大图的方法示例

Dec 14 Javascript

JavaScript 学习笔记之变量及其作用域

Jan 14 #Javascript

jquery简单图片切换显示效果实现方法

Jan 14 #Javascript

Node.js开发之访问Redis数据库教程

Jan 14 #Javascript

Backbone.js中的集合详解

Jan 14 #Javascript

jquery增加和删除元素的方法

Jan 14 #Javascript

Node.js开源应用框架HapiJS介绍

Jan 14 #Javascript

jQuery中Ajax的load方法详解

Jan 14 #Javascript

You might like

PHP中使用CURL伪造来路抓取页面或文件

2011/05/04 PHP

php中出现空白页的原因及解决方法汇总

2014/07/08 PHP

php计算2个日期的差值函数分享

2015/02/02 PHP

php使用正则表达式进行字符串搜索的方法

2015/03/23 PHP

PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析

2017/04/25 PHP

php项目中类的自动加载实例讲解

2019/09/12 PHP

php和nginx交互实例讲解

2019/09/24 PHP

laravel框架分组控制器和分组路由实现方法示例

2020/01/25 PHP

js中各浏览器中鼠标按键值的差异

2011/04/07 Javascript

js时间戳格式化成日期格式的多种方法

2013/11/11 Javascript

查找Oracle高消耗语句的方法

2014/03/22 Javascript

JavaScript fontcolor方法入门实例（按照指定的颜色来显示字符串）

2014/10/17 Javascript

基于jquery实现图片上传本地预览功能

2016/01/08 Javascript

深入解析JavaScript中函数的Currying柯里化

2016/03/19 Javascript

jQuery validate+artdialog+jquery form实现弹出表单思路详解

2016/04/18 Javascript

Websocket协议详解及简单实例代码

2016/12/12 Javascript

Vue实现自带的过滤器实例

2017/03/09 Javascript

Angular2数据绑定详解

2017/04/18 Javascript

elementUI select组件使用及注意事项详解

2019/05/29 Javascript

前端路由&webpack基础配置详解

2019/06/10 Javascript

js实现上传按钮并显示缩略图小轮子

2020/05/04 Javascript

[13:55]Newbee vs Team Spirit

2018/06/07 DOTA

python实现每次处理一个字符的三种方法

2014/10/09 Python

在Python的Django框架中显示对象子集的方法

2015/07/21 Python

Python中MySQL数据迁移到MongoDB脚本的方法

2016/04/28 Python

Python Django使用forms来实现评论功能

2016/08/17 Python

Python数据结构之单链表详解

2017/09/12 Python

浅述python2与python3的简单区别

2018/09/19 Python

python+opencv实现摄像头调用的方法

2019/06/22 Python

Django ORM 查询表中某列字段值的方法

2020/04/30 Python

python爬虫搭配起Bilibili唧唧的流程分析

2020/12/01 Python

如何给HTML标签中的文本设置修饰线

2019/11/18 HTML / CSS

品牌推广策划方案

2014/05/28 职场文书

学校安全防火方案

2014/06/07 职场文书

世界遗产的导游词

2015/02/13 职场文书

2015年人事科工作总结

2015/04/28 职场文书