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

基于jquery的防止大图片撑破页面的实现代码(立即缩放)

Oct 24 Javascript

浅谈Express异步进化史

Sep 09 Javascript

jQuery实现动态添加节点与遍历节点功能示例

Nov 09 jQuery

js数组常用最重要的方法

Feb 04 Javascript

vue中Npm run build 根据环境传递参数方法来打包不同域名

Mar 29 Javascript

微信小程序onLaunch异步,首页onLoad先执行?

Sep 20 Javascript

JavaScript键盘事件常见用法实例分析

Jan 03 Javascript

微信小程序如何连接Java后台

Aug 08 Javascript

JS多个异步请求按顺序执行next实现解析

Sep 16 Javascript

JavaScript实现飞舞的泡泡效果

Feb 07 Javascript

关于JavaScript数组去重的一些理解汇总

Sep 10 Javascript

vue3使用vuedraggable实现拖拽功能

Apr 06 Vue.js

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实现mysql数据库备份类

2008/03/20 PHP

php 地区分类排序算法

2013/07/01 PHP

laravel框架中表单请求类型和CSRF防护实例分析

2019/11/23 PHP

PHP基于phpqrcode类生成二维码的方法示例详解

2020/08/07 PHP

xmlHTTP实例

2006/10/24 Javascript

js小技巧--自动隐藏红叉叉

2007/08/13 Javascript

JavaScript类和继承 prototype属性

2010/09/03 Javascript

Js实现双击鼠标自动滚动屏幕的示例代码

2013/12/14 Javascript

JavaScript下拉菜单功能实例代码

2017/03/01 Javascript

Vue.js学习记录之在元素与template中使用v-if指令实例

2017/06/27 Javascript

将angular.js项目整合到.net mvc中的方法详解

2017/06/29 Javascript

JavaScript实现HTML5游戏断线自动重连的方法

2017/09/18 Javascript

Vue2.0 slot分发内容与props验证的方法

2017/12/12 Javascript

仿京东快报向上滚动的实例

2017/12/13 Javascript

JS实现区分中英文并统计字符个数的方法示例

2018/06/09 Javascript

jQuery+CSS实现的标签页效果示例【测试可用】

2018/08/14 jQuery

零基础之Node.js搭建API服务器的详解

2019/03/08 Javascript

微信小程序生成携带参数的二维码

2019/10/23 Javascript

通过微信公众平台获取公众号文章的方法示例

2019/12/25 Javascript

vue项目中自定义video视频控制条的实现代码

2020/04/26 Javascript

Python类定义和类继承详解

2015/05/08 Python

Python下载网络小说实例代码

2018/02/03 Python

Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例

2018/08/04 Python

Python按钮的响应事件详解

2019/03/04 Python

Scrapy-Redis结合POST请求获取数据的方法示例

2019/05/07 Python

python实现文件批量编码转换及注意事项

2019/10/14 Python

Python浮点数四舍五入问题的分析与解决方法

2019/11/19 Python

Python Celery多队列配置代码实例

2019/11/22 Python

Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例

2020/03/03 Python

浅谈numpy中np.array()与np.asarray的区别以及.tolist

2020/06/03 Python

什么是makefile? 如何编写makefile?

2013/01/02 面试题

化学专业大学生职业生涯规划范文

2014/09/13 职场文书

第二批党的群众路线教育实践活动个人整改方案

2014/10/31 职场文书

幼儿园小班个人总结

2015/02/12 职场文书

爱的教育观后感

2015/06/17 职场文书

Python 机器学习工具包SKlearn的安装与使用

2021/05/14 Python