编程 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加载页面的方法(页面加载完成就执行)

Jun 21 Javascript

Jquery 过滤器(first,last,not,even,odd)的使用

Jan 22 Javascript

IE中图片的onload事件无效问题和解决方法

Jun 06 Javascript

jQuery实现防止提交按钮被双击的方法

Mar 24 Javascript

jQuery遍历json的方法(推荐)

Jun 12 Javascript

AngularJS学习第二篇 AngularJS依赖注入

Feb 13 Javascript

JS去掉字符串末尾的标点符号及删除最后一个字符的方法

Oct 24 Javascript

微信小程序promsie.all和promise顺序执行

Oct 27 Javascript

讲解vue-router之什么是嵌套路由

May 28 Javascript

vue中rem的配置的方法示例

Aug 30 Javascript

Vuejs监听vuex中值的变化的方法示例

Dec 02 Javascript

微信小程序用canvas画图并分享

Mar 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学习笔记（1）环境配置与代码调试

2011/06/19 PHP

destoon实现资讯信息前面调用它所属分类的方法

2014/07/15 PHP

php使用ZipArchive函数实现文件的压缩与解压缩

2015/10/27 PHP

php 实现进制相互转换

2016/04/07 PHP

利用js对象弹出一个层

2008/03/26 Javascript

js中将具有数字属性名的对象转换为数组

2011/03/06 Javascript

25个非常棒的jQuery滑块插件和教程小结

2011/09/02 Javascript

Knockoutjs快速入门(经典)

2012/12/24 Javascript

jQuery插件的写法分享

2013/06/12 Javascript

javascript常见数字进制转换实例分析

2016/04/21 Javascript

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新，页面关闭不进行倒计时功能)

2016/09/02 Javascript

JS简单实现浮动窗口效果示例

2016/09/07 Javascript

如何解决jQuery EasyUI 已打开Tab重新加载问题

2016/12/19 Javascript

JS实现弹出下载对话框及常见文件类型的下载

2017/07/13 Javascript

Vue集成Iframe页面的方法示例

2017/12/12 Javascript

jackson解析json字符串,首字母大写会自动转为小写的方法

2017/12/22 Javascript

Vue 页面状态保持页面间数据传输的一种方法(推荐)

2018/11/01 Javascript

[02:32]DOTA2英雄基础教程祸乱之源

2013/12/23 DOTA

Python入门篇之面向对象

2014/10/20 Python

Python出现segfault错误解决方法

2016/04/16 Python

用python写一个windows下的定时关机脚本(推荐)

2017/03/21 Python

Python获取数据库数据并保存在excel表格中的方法

2019/06/12 Python

Django的用户模块与权限系统的示例代码

2019/07/24 Python

django的csrf实现过程详解

2019/07/26 Python

简单了解python元组tuple相关原理

2019/12/02 Python

用python实现前向分词最大匹配算法的示例代码

2020/08/06 Python

Python常用扩展插件使用教程解析

2020/11/02 Python

美国正宗设计师眼镜在线零售商：EYEZZ

2019/03/23 全球购物

商务日语专业毕业生求职信

2013/10/26 职场文书

西式婚礼证婚词

2014/01/12 职场文书

关于打架的检讨书

2014/01/17 职场文书

学雷锋宣传标语

2014/06/25 职场文书

4s店销售经理岗位职责

2014/07/19 职场文书

日本读研：怎样写好一篇日本研究计划书?

2019/07/15 职场文书

如何在CocosCreator里画个炫酷的雷达图

2021/04/16 Javascript

使用CSS实现黑白格背景效果

2022/06/01 HTML / CSS