编程 Javascript

JS点击链接后慢慢展开隐藏着图片的方法

Posted in Javascript onFebruary 17, 2015

本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<title>JS点击链接后，慢慢展开隐藏着的图片</title>

<body>

<script language="JavaScript">

var b=0;

var c=true;

function fade(){

if(document.all);

if(c == true){b+=3}

if(b>294){c=false}

u.width=394

u.height=b; //运行后图片的大小

setTimeout("fade()",1)}//根据实际情况选择延时

</script>

<p align="center"><a href="javascript:"><img src="/images/3.jpg" name="u" width="0" height="0" border="0"  onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>

<p align="center"><a href="javascript:" onClick="fade()">点击展开图片</a>

</body>

</html>

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

JS点击链接后慢慢展开隐藏着图片的方法

- Author -

代码家园

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

Javascript 相关文章推荐

使用Mootools动态添加Css样式表代码,兼容各浏览器

Dec 12 Javascript

浏览器的JavaScript引擎的识别方法

Oct 20 Javascript

javascript中创建对象的几种方法总结

Nov 01 Javascript

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

Dec 16 Javascript

Jquery promise实现一张一张加载图片

Nov 13 Javascript

Bootstrap中点击按钮后变灰并显示加载中实例代码

Sep 23 Javascript

Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)

Nov 22 Javascript

ES6新特性二：Iterator(遍历器)和for-of循环详解

Apr 20 Javascript

React中jquery引用的实现方法

Sep 12 jQuery

angular2路由之routerLinkActive指令【推荐】

May 30 Javascript

浅谈Express.js解析Post数据类型的正确姿势

May 30 Javascript

mpvue 页面预加载新增preLoad生命周期的两种方式

Oct 17 Javascript

js实现按钮控制图片360度翻转特效的方法

Feb 17 #Javascript

js实现鼠标悬停图片上时滚动文字说明的方法

Feb 17 #Javascript

js鼠标滑过图片震动特效的方法

Feb 17 #Javascript

js实现双击图片放大单击缩小的方法

Feb 17 #Javascript

js图片模糊切换显示特效的方法

Feb 17 #Javascript

js实现单击图片放大图片的方法

Feb 17 #Javascript

js实现iframe自动自适应高度的方法

Feb 17 #Javascript

You might like

由php if 想到的些问题

2008/03/22 PHP

PHP Smarty生成EXCEL文档的代码

2008/08/23 PHP

thinkphp3.2实现上传图片的控制器方法

2016/04/28 PHP

ThinkPHP自定义Redis处理SESSION的实现方法

2016/05/16 PHP

ThinkPHP简单使用memcache缓存的方法

2016/11/15 PHP

JavaScript使用技巧精萃[代码非常实用]

2008/11/21 Javascript

使用jQuery的ajax功能实现的RSS Reader 代码

2009/09/03 Javascript

关于JS字符串函数String.replace()

2013/04/07 Javascript

jquery的map与get方法详解

2013/11/04 Javascript

js 一个关于图片onload加载的事

2013/11/10 Javascript

javascript间隔刷新的简单实例

2013/11/14 Javascript

使用jQuery实现的掷色子游戏动画效果

2014/03/14 Javascript

jquery中的常用事件bind、hover、toggle等示例介绍

2014/07/21 Javascript

JavaScript中的数组特性介绍

2014/12/30 Javascript

js模块加载方式浅析

2017/08/12 Javascript

vue cli 3.0 使用全过程解析

2018/06/14 Javascript

node.js中TCP Socket多进程间的消息推送示例详解

2018/07/10 Javascript

[47:53]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#2COL VS Spirit

2016/03/02 DOTA

使用相同的Apache实例来运行Django和Media文件

2015/07/22 Python

python自动化UI工具发送QQ消息的实例

2019/08/27 Python

python标准库OS模块详解

2020/03/10 Python

Python实现小黑屋游戏的完整实例

2021/01/06 Python

AmazeUI 导航条的实现示例

2020/08/14 HTML / CSS

精油和天然健康美容产品：Art Naturals

2018/01/27 全球购物

简单的JAVA编程面试题

2013/03/19 面试题

数控专业自荐书范文

2014/03/16 职场文书

党组织公开承诺书

2014/03/29 职场文书

医疗专业毕业生求职信

2014/08/28 职场文书

学生意外伤害赔偿协议书

2014/09/17 职场文书

2014年财务工作自我评价

2014/09/23 职场文书

离婚协议书范本及离婚须知

2014/10/15 职场文书

军训心得体会范文（2016最新篇）

2016/01/11 职场文书

《巨人的花园》教学反思

2016/02/19 职场文书

小学生作文之《压岁钱的烦恼》

2019/09/27 职场文书

Python实现socket库网络通信套接字

2021/06/04 Python

Oracle使用别名的好处

2022/04/19 Oracle