JS点击链接后慢慢展开隐藏着图片的方法

更新时间：2015年02月17日 15:55:02 作者：代码家园

这篇文章主要介绍了JS点击链接后慢慢展开隐藏着图片的方法,实例分析了javascript操作图片的隐藏与现实技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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 调用百度分享功能
本文主要介绍了js调用百度分享功能的方法，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
JavaScript门面模式详解
这篇文章主要为大家详细介绍了JavaScript门面模式的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
JS的数组的扩展实例代码
从无忧转过来的数组的扩展，非常不错的把javascript数组的扩展
2008-07-07
浅析JavaScript中的平稳退化（graceful degradation）
所谓平稳退化，就是指可以让访问者在浏览器不支持javascript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页，下文给大家简单介绍了js中的平稳退化，感兴趣的朋友一起看看吧
2017-07-07
JavaScript中的undefined学习总结
这篇文章主要是对JavaScript中的undefined进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
微信小程序使用ECharts的示例详解
echarts-for-weixin是ECharts官方维护的一个开源项目，提供了一个微信小程序组件，可以通过这个组件在微信小程序中使用 ECharts 绘制图表。本文将通过示例详解微信小程序使用ECharts的方法，感兴趣的可以了解一下
2022-06-06
Javascript非构造函数的继承
本文给大家介绍的是不使用构造函数实现"继承"，非常的简单，小伙伴们仔细了解下就可以非常熟悉了。
2015-04-04
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
今天小编就为大家分享一篇在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JS 拦截全局ajax请求实例解析
这篇文章主要介绍了JS 拦截全局ajax请求实例解析的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-11-11
JavaScript求解最长回文子串的方法分享
这篇文章主要为大家介绍了JavaScript求解最长回文子串的几种方法，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下
2022-08-08