编程 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 相关文章推荐

javascript 写类方式之七

Jul 05 Javascript

JavaScript实现拼音排序的方法

Nov 20 Javascript

解析JavaScript中点号“.”的多义性

Dec 02 Javascript

node.js中的fs.appendFileSync方法使用说明

Dec 17 Javascript

js实现iGoogleDivDrag模块拖动层拖动特效的方法

Mar 04 Javascript

input输入框鼠标焦点提示信息

Mar 17 Javascript

jQuery插件formValidator自定义函数扩展功能实例详解

Nov 25 Javascript

使用getBoundingClientRect方法实现简洁的sticky组件的方法

Mar 22 Javascript

select自定义小三角样式代码（实用总结）

Aug 18 Javascript

详解微信小程序Page中data数据操作和函数调用

Sep 27 Javascript

Vue组件通信的四种方式汇总

Feb 08 Javascript

MutationObserver在页面水印实现起到的作用详解

Jul 07 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