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

ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

Feb 03 Javascript

javascript定时变换图片实例代码

Mar 17 Javascript

js实现鼠标感应向下滑动隐藏菜单的方法

Feb 20 Javascript

JS实现转动随机数抽奖特效代码

Apr 16 Javascript

js精美的幻灯片画集特效代码分享

Aug 29 Javascript

jQuery版本升级踩坑大全

Jan 12 Javascript

浅析BootStrap模态框的使用(经典)

Apr 29 Javascript

怎样判断jQuery当前元素是隐藏还是显示

Nov 23 Javascript

解决angularjs前后端分离调用接口传递中文时中文乱码的问题

Aug 13 Javascript

css配合JavaScript实现tab标签切换效果

Oct 11 Javascript

JavaScript实时更新当前的时间的示例代码

Jul 15 Javascript

JavaScript实现点击自制菜单效果

Feb 02 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

《雄兵连》系列首部大电影《烈阳天道》：可能是因为期望值太高了

2020/08/18 国漫

搜索和替换文件或目录的一个好类--很实用

2006/10/09 PHP

php smarty模板引擎的6个小技巧

2014/04/24 PHP

PHP网页游戏学习之Xnova(ogame)源码解读（十三）

2014/06/26 PHP

ThinkPHP实现二级循环读取的方法

2014/11/03 PHP

PHP使用ffmpeg给视频增加字幕显示的方法

2015/03/12 PHP

PHP精确计算功能示例

2016/11/29 PHP

浅谈PHP的数据库接口和技术

2016/12/09 PHP

laravel实现简单用户权限的示例代码

2019/05/28 PHP

用prototype实现的简单小巧的多级联动菜单

2007/03/24 Javascript

JavaScript是否可实现多线程深入理解JavaScript定时机制

2009/12/22 Javascript

深入理解JavaScript系列（46）：代码复用模式（推荐篇）详解

2015/03/04 Javascript

使用jQuery+EasyUI实现CheckBoxTree的级联选中特效

2015/12/06 Javascript

HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)

2016/05/25 Javascript

Angular.js中数组操作的方法教程

2017/07/31 Javascript

浅谈Angular2 ng-content 指令在组件中嵌入内容

2017/08/18 Javascript

ES6知识点整理之数组解构和字符串解构的应用示例

2019/04/17 Javascript

koa2 从入门到精通(小结)

2019/07/23 Javascript

Python中使用ConfigParser解析ini配置文件实例

2014/08/30 Python

Python中bisect的用法

2014/09/23 Python

简单讲解Python中的字符串与字符串的输入输出

2016/03/13 Python

python中将字典形式的数据循环插入Excel

2018/01/16 Python

将python代码和注释分离的方法

2018/04/21 Python

Python使用while循环花式打印乘法表

2019/01/28 Python

详解Python传入参数的几种方法

2019/05/16 Python

Python创建空列表的字典2种方法详解

2020/02/13 Python

利用python实现汉诺塔游戏

2021/03/01 Python

美国优质宠物用品购买网站：Muttropolis

2020/02/17 全球购物

拉夫劳伦爱尔兰官方网站：Ralph Lauren爱尔兰

2020/04/10 全球购物

JAVA程序员自荐书

2014/01/30 职场文书

陈胜吴广起义口号

2014/06/20 职场文书

“六查”、“三学”、“三干”查摆问题整改措施

2014/09/27 职场文书

2015年“世界无车日”活动方案

2015/05/06 职场文书

新学期感想

2015/08/10 职场文书

SQL Server2019数据库之简单子查询的具有方法

2021/04/27 SQL Server

详解CSS玩转图片Base64编码

2021/05/25 HTML / CSS