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程序设计有所帮助。

Javascript 相关文章推荐
js操纵dom生成下拉列表框的方法
Feb 24 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
Jul 06 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
vuejs移动端实现div拖拽移动
Jul 25 Javascript
vue 的 solt 子组件过滤过程解析
Sep 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
You might like
使用php4加速网络传输
2006/10/09 PHP
PHP句法规则详解 入门学习
2011/11/09 PHP
php使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
2014/05/14 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
python破解zip加密文件的方法
2018/05/31 Python
python实现桌面壁纸切换功能
2019/01/21 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
CSS3实现可关闭的下拉手风琴菜单效果
2015/08/31 HTML / CSS
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
欧洲最大的拼图游戏商店:JigsawPuzzle.co.uk
2018/07/04 全球购物
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
配件采购员岗位职责
2013/12/03 职场文书
好学生评语大全
2014/05/05 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
2014年法务工作总结
2014/12/11 职场文书
退货证明模板
2015/06/23 职场文书