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

用js实现的抽象CSS圆角效果!!

May 03 Javascript

开发跨浏览器javascript常见注意事项

Jan 01 Javascript

javascript 图片上传预览-兼容标准

Jun 01 Javascript

用jquery实现学校的校历(asp.net+jquery ui 1.72)

Jan 01 Javascript

js实现仿Windows风格选项卡和按钮效果实例

May 13 Javascript

jquery简单实现网页层的展开与收缩效果

Aug 07 Javascript

jQuery 全选全部选反选实现代码

Aug 17 Javascript

jQuery Ajax实现跨域请求

Jan 21 Javascript

JavaScript 中Date对象的格式化代码方法汇总

Sep 06 Javascript

js实现登录注册框手机号和验证码校验（前端部分）

Sep 28 Javascript

详解新手使用vue-router传参时注意事项

Jun 06 Javascript

Vue路由重定向和别名的区别说明

Sep 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

thinkphp实现163、QQ邮箱收发邮件的方法

2015/12/18 PHP

PHP读取文件内容的五种方式

2015/12/28 PHP

php判断用户是否关注微信公众号

2016/07/22 PHP

PHP7匿名类用法分析

2016/09/26 PHP

thinkPHP5实现的查询数据库并返回json数据实例

2017/10/23 PHP

PHP面向对象程序设计之接口的继承定义与用法详解

2018/12/20 PHP

前端开发必须知道的JS之原型和继承

2010/07/06 Javascript

js实现拖拽闭包函数详细介绍

2012/11/25 Javascript

JQuery实现倒计时按钮具体方法

2013/11/14 Javascript

JS实现多物体缓冲运动实例代码

2013/11/29 Javascript

Iframe实现跨浏览器自适应高度解决方法

2014/09/02 Javascript

JS实现简单的二维矩阵乘积运算

2016/01/26 Javascript

使用JS实现图片展示瀑布流效果的实例代码

2016/09/12 Javascript

jquery 动态增加删除行的简单实例(推荐)

2016/10/12 Javascript

JS实现的样式切换功能tableCSS实例

2016/12/30 Javascript

js时间查询插件使用详解

2017/04/07 Javascript

JavaScript实现前端分页控件

2017/04/19 Javascript

学习使用Bootstrap输入框、导航、分页等常用组件

2017/05/11 Javascript

javascript将json格式数组下载为excel表格的方法

2017/12/22 Javascript

vue2.0 实现导航守卫的具体用法（路由守卫）

2018/05/17 Javascript

Python多线程编程（六）：可重入锁RLock

2015/04/05 Python

基于python的Tkinter实现一个简易计算器

2015/12/31 Python

python虚拟环境virtualenv的使用教程

2017/10/20 Python

Python在不同目录下导入模块的实现方法

2017/10/27 Python

TensorFlow用expand_dim()来增加维度的方法

2018/07/26 Python

Python操作rabbitMQ的示例代码

2019/03/19 Python

python selenium 获取接口数据的实现

2020/12/07 Python

css3动画小球滚动 js控制动画暂停

2019/11/29 HTML / CSS

Expedia英国：全球最大的在线旅游公司

2017/09/07 全球购物

法国大使拉杆箱官网：DELSEY Paris

2018/03/20 全球购物

《闻一多先生的说和做》教学反思

2014/04/28 职场文书

2014年派出所工作总结

2014/11/21 职场文书

导游词开场白

2015/01/31 职场文书

办公用品质量保证书

2015/05/11 职场文书

Nginx 过滤静态资源文件的访问日志的实现

2021/03/31 Servers

一次MySQL启动导致的事故实战记录

2021/09/15 MySQL