编程 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中的read和JavaScript中的onload函数的区别

Aug 27 Javascript

javascript操作数组详解

Dec 17 Javascript

javascript组合使用构造函数模式和原型模式实例

Jun 04 Javascript

JS简单实现String转Date的方法

Mar 02 Javascript

AngularJS实现注册表单验证功能

Oct 16 Javascript

JS组件系列之Gojs组件前端图形化插件之利器

Nov 29 Javascript

node vue项目开发之前后端分离实战记录

Dec 13 Javascript

JS数组扁平化(flat)方法总结详解

Jun 24 Javascript

Vue项目中使用jsonp抓取跨域数据的方法

Nov 10 Javascript

JS实现简单打字测试

Jun 24 Javascript

vue实现lodop打印功能的示例

Nov 11 Javascript

Javascript webpack动态import

Apr 19 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/02/23 PHP

php中namespace use用法实例分析

2016/01/22 PHP

详解Yii2高级版引入bootstrap.js的一个办法

2017/03/21 PHP

简单实现php上传文件功能

2017/09/21 PHP

解决laravel5中auth用户登录其他页面获取不到登录信息的问题

2019/10/08 PHP

THINKPHP-Apache服务器中使用Alias虚拟目录URL重写隐藏index.php

2021/03/09 PHP

jQuery 全选效果实现代码

2009/03/23 Javascript

写出更好的JavaScript之undefined篇（上）

2009/11/22 Javascript

防止页面被iframe(兼容IE,Firefox火狐)

2010/07/04 Javascript

jQuery实现可拖动的浮动层完整代码

2013/05/27 Javascript

经过绑定元素时会多次触发mouseover和mouseout事件

2014/02/28 Javascript

最细致的vue.js基础语法值得收藏!

2016/11/03 Javascript

原生JS实现图片左右轮播

2016/12/30 Javascript

webpack实现热加载自动刷新的方法

2017/07/30 Javascript

vue.extend实现alert模态框弹窗组件

2018/04/28 Javascript

layer弹出的iframe层在执行完毕后关闭当前弹出层的方法

2018/08/17 Javascript

bootstrapTable+ajax加载数据 refresh更新数据

2018/08/31 Javascript

Vue替代marquee标签超出宽度文字横向滚动效果

2019/12/09 Javascript

Android分包MultiDex策略详解

2017/10/30 Python

python实现图片处理和特征提取详解

2017/11/13 Python

Python数据可视化正态分布简单分析及实现代码

2017/12/04 Python

python邮件发送smtplib使用详解

2020/06/16 Python

利用Python如何实现一个小说网站雏形

2018/11/23 Python

Python实现生成密码字典的方法示例

2019/09/02 Python

使用python实现数组、链表、队列、栈的方法

2019/12/20 Python

python输出数学符号实例

2020/05/11 Python

Python中socket网络通信是干嘛的

2020/05/27 Python

python selenium xpath定位操作

2020/09/01 Python

Python .py生成.pyd文件并打包.exe 的注意事项说明

2021/03/04 Python

h5网页水印SDK的实现代码示例

2019/02/19 HTML / CSS

2014年预备党员学习两会心得体会

2014/03/17 职场文书

反对形式主义、官僚主义、享乐主义和奢靡之风整改措施

2014/09/17 职场文书

四则混合运算教学反思

2016/02/23 职场文书

CSS font-variation 可变字体的魅力(实例详解)

2022/03/03 HTML / CSS

一行Python命令实现批量加水印

2022/04/07 Python

winserver2019安装软件一直卡在应用程序正在为首次使用做准备

2022/06/10 Servers