编程 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实现的距离现在多长时间后的一个格式化的日期

Oct 29 Javascript

js操作时间（年-月-日时-分-秒星期几）

Jun 20 Javascript

JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件

Sep 12 Javascript

自制基于jQuery的智能提示插件一枚

Feb 18 Javascript

jQuery的12招常用技巧分享

Aug 08 Javascript

dojo学习第一天 Tab选项卡实现

Aug 28 Javascript

node.js调用C++开发的模块实例

Jul 03 Javascript

解决vue项目中type=”file“ change事件只执行一次的问题

May 16 Javascript

vue与bootstrap实现简单用户信息添加删除功能

Feb 15 Javascript

vux-scroller实现移动端上拉加载功能过程解析

Oct 08 Javascript

一篇文章带你使用Typescript封装一个Vue组件(简单易懂)

Jun 05 Javascript

使用typescript快速开发一个cli的实现示例

Dec 09 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设计模式之委托模式

2016/02/13 PHP

基于PHP的登录和注册的功能的实现

2020/08/06 PHP

js left,right,mid函数

2008/06/10 Javascript

基于prototype扩展的JavaScript常用函数库

2010/11/30 Javascript

Ajax执行顺序流程及回调问题分析

2012/12/10 Javascript

解决jquery中美元符号命名冲突问题

2014/01/08 Javascript

JS不能跨域借助jquery获取IP地址的方法

2014/08/20 Javascript

jQuery中:checked选择器用法实例

2015/01/04 Javascript

jQuery中animate用法实例分析

2015/03/09 Javascript

JavaScript简单获取系统当前时间完整示例

2016/08/02 Javascript

gulp加批处理(.bat)实现ng多应用一键自动化构建

2017/02/16 Javascript

jQuery实现checkbox全选功能完整实例

2018/07/12 jQuery

Vue中的作用域CSS和CSS模块的区别

2018/10/09 Javascript

详解微信小程序用定时器实现倒计时效果

2019/04/30 Javascript

在vue中利用v-html按分号将文本换行的例子

2019/11/14 Javascript

Vuex实现数据共享的方法

2019/12/20 Javascript

利用js实现简易红绿灯

2020/10/15 Javascript

用Python的SimPy库简化复杂的编程模型的介绍

2015/04/13 Python

Python学生成绩管理系统简洁版

2020/04/05 Python

scrapy爬虫完整实例

2018/01/25 Python

python学习入门细节知识点

2018/03/29 Python

使用Python处理Excel表格的简单方法

2018/06/07 Python

python实现二维插值的三维显示

2018/12/17 Python

keras在构建LSTM模型时对变长序列的处理操作

2020/06/29 Python

python等待10秒执行下一命令的方法

2020/07/19 Python

python如何发送带有附件、正文为HTML的邮件

2021/02/27 Python

canvas绘制视频封面的方法

2018/02/05 HTML / CSS

html2canvas截图空白问题的解决

2020/03/24 HTML / CSS

美国隐形眼镜零售商：LensPure

2019/03/10 全球购物

公司市场部岗位职责

2013/12/02 职场文书

英语演讲稿范文

2014/01/03 职场文书

《小石潭记》教学反思

2014/02/13 职场文书

应届生自荐信范文

2014/02/21 职场文书

优秀班主任推荐材料

2014/12/17 职场文书

2016年寒假家长评语

2015/10/10 职场文书

优质护理服务心得体会

2016/01/22 职场文书