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

JavaScript中的getDay()方法使用详解

Jun 09 Javascript

AngularJS整合Springmvc、Spring、Mybatis搭建开发环境

Feb 25 Javascript

node.js cookie-parser之parser.js

Jun 06 Javascript

jQuery实现自动调用和触发某个事件的方法

Nov 18 Javascript

jQuery仿写百度百科的目录树

Jan 03 Javascript

Node.js制作简单聊天室

Jan 12 Javascript

关于页面刷新vuex数据消失问题解决方案

Jul 03 Javascript

Angularjs上传图片实例详解

Aug 06 Javascript

Bootstrap 3多级下拉菜单实例

Nov 23 Javascript

微信小程序自定义多选事件的实现代码

May 17 Javascript

javascript实现视频弹幕效果（两个版本）

Nov 28 Javascript

浅谈vue生命周期共有几个阶段？分别是什么？

Aug 07 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框架的理由

2015/09/26 PHP

thinkPHP引入类的方法详解

2016/12/08 PHP

yii2-GridView在开发中常用的功能及技巧总结

2017/01/07 PHP

laravel5.5添加echarts实现画图功能的方法

2019/10/09 PHP

Laravel 微信小程序后端搭建步骤详解

2019/11/26 PHP

PHP延迟静态绑定使用方法实例解析

2020/09/05 PHP

jQuery调用WebService的实现代码

2011/06/19 Javascript

Javascript通过overflow控制列表闭合与展开的方法

2015/05/15 Javascript

canvas 画布在主流浏览器中的尺寸限制详细介绍

2016/12/15 Javascript

Angular JS 生成动态二维码的方法

2017/02/23 Javascript

使用原生的javascript来实现轮播图

2017/02/24 Javascript

微信小程序生命周期函数详解

2017/05/24 Javascript

nodejs实现简单的gulp打包

2017/12/21 NodeJs

jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析

2018/07/25 jQuery

基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码

2019/06/10 jQuery

JavaScript获取时区实现过程解析

2020/09/24 Javascript

[01:47]2018年度DOTA2最具人气解说-完美盛典

2018/12/16 DOTA

python将字符串以utf-8格式保存在txt文件中的方法

2018/10/30 Python

python实现微信自动回复及批量添加好友功能

2019/07/03 Python

python实现动态数组的示例代码

2019/07/15 Python

详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)

2020/11/16 HTML / CSS

HTML5中判断用户是否正在浏览页面的方法

2014/05/03 HTML / CSS

使用postMessage让 iframe自适应高度的方法示例

2019/10/08 HTML / CSS

我能否用void** 指针作为参数, 使函数按引用接受一般指针

2013/02/16 面试题

护士专业推荐信

2013/11/02 职场文书

甜品蛋糕店创业计划书范文

2014/02/06 职场文书

2014年办公室文员工作总结

2014/11/12 职场文书

上市公司财务总监岗位职责

2015/04/03 职场文书

上课迟到检讨书

2015/05/06 职场文书

加薪申请报告范本

2015/05/15 职场文书

升学宴来宾致辞

2015/07/27 职场文书

职工宿舍管理制度

2015/08/05 职场文书

PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤

2021/05/21 PostgreSQL

postgres之jsonb属性的使用操作

2021/06/23 PostgreSQL

MySQL中CURRENT_TIMESTAMP的使用方式

2021/11/27 MySQL

Mysql 如何合理地统计一个数据库里的所有表的数据量

2022/04/18 MySQL