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

javascript 表单的友好用户体现

Jan 07 Javascript

JavaScript实现url地址自动检测并添加URL链接示例代码

Nov 12 Javascript

解决自定义$(id)的方法与jquery选择器$冲突的问题

Jun 14 Javascript

javascript框架设计读书笔记之数组的扩展与修复

Dec 02 Javascript

javascript数组去重的方法汇总

Apr 14 Javascript

JavaScript采用递归算法计算阶乘实例

Aug 04 Javascript

原生JavaScript实现异步多文件上传

Dec 02 Javascript

bootstrap日期插件daterangepicker使用详解

Oct 19 Javascript

详解微信小程序中组件通讯

Oct 30 Javascript

JavaScript判断对象和数组的两种方法

May 31 Javascript

JavaScript实现鼠标经过表格某行时此行变色

Nov 20 Javascript

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题

Dec 04 Vue.js

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＋DBM的同学录程序(4)

2006/10/09 PHP

ThinkPHP实现多数据库连接的解决方法

2014/07/01 PHP

PHP获取文件夹大小函数用法实例

2015/07/01 PHP

PHP基于反射机制实现插件的可插拔设计详解

2016/11/10 PHP

PHPTree――php快速生成无限级分类

2018/03/30 PHP

PHP钩子实现方法解析

2019/05/21 PHP

非常好的js代码

2006/06/27 Javascript

JS验证身份证有效性示例

2013/10/11 Javascript

JavaScript中的Repaint和Reflow用法详解

2015/07/27 Javascript

谈一谈javascript闭包

2016/01/28 Javascript

移动端脚本框架Hammer.js

2016/12/15 Javascript

JavaScript实现垂直滚动条效果

2017/01/18 Javascript

js中document.referrer实现移动端返回上一页

2017/02/22 Javascript

es6+angular1.X+webpack 实现按路由功能打包项目的示例

2017/08/16 Javascript

three.js中文文档学习之创建场景

2017/11/20 Javascript

基于vue-cli配置lib-flexible + rem实现移动端自适应

2017/12/26 Javascript

vue.js 获取select中的value实例

2018/03/01 Javascript

原生JS实现动态加载js文件并在加载成功后执行回调函数的方法

2020/12/30 Javascript

浅谈 Webpack 如何处理图片(开发、打包、优化)

2019/05/15 Javascript

python生成随机验证码(中文验证码)示例

2014/04/03 Python

Python 实现引用其他.py文件中的类和类的方法

2018/04/29 Python

python代码过长的换行方法

2018/07/19 Python

python3实现名片管理系统

2020/11/29 Python

python调用c++传递数组的实例

2019/02/13 Python

python实现数据清洗(缺失值与异常值处理)

2019/12/02 Python

Python爬虫开发与项目实战

2020/12/16 Python

详解CSS3中强大的filter(滤镜)属性

2017/06/29 HTML / CSS

HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题

2021/01/19 HTML / CSS

金属材料工程个人求职的自我评价

2013/12/04 职场文书

客户服务经理岗位职责

2014/01/29 职场文书

盗窃案辩护词

2015/05/21 职场文书

2015年生产部工作总结范文

2015/05/25 职场文书

刮痧观后感

2015/06/05 职场文书

JS新手入门数组处理的实用方法汇总

2021/04/07 Javascript

SQL 窗口函数实现高效分页查询的案例分析

2021/05/21 SQL Server

CSS实现九宫格布局(自适应)的示例代码

2022/02/12 HTML / CSS