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

让innerHTML的脚本也可以运行起来

Jul 01 Javascript

关于JS控制代码暂停的实现方法分享

Oct 11 Javascript

javascript动态添加样式(行内式/嵌入式/外链式等规则)

Jun 24 Javascript

理解jquery事件冒泡

Jan 03 Javascript

MVC+jQuery.Ajax异步实现增删改查和分页

Dec 22 Javascript

JS Array创建及concat()split()slice()的使用方法

Jun 03 Javascript

jQuery插件DataTable使用方法详解(.Net平台)

Dec 22 Javascript

原生JS实现图片轮播效果

Dec 26 Javascript

Vue + Webpack + Vue-loader学习教程之功能介绍篇

Mar 14 Javascript

bootstrap弹出层的多种触发方式

May 10 Javascript

原生js简单实现放大镜特效

May 16 Javascript

在Vant的基础上封装下拉日期控件的代码示例

Dec 05 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/06/20 PHP

laravel 验证错误信息到 blade模板的方法

2019/09/29 PHP

laravel框架中视图的基本使用方法分析

2019/11/23 PHP

javascript事件问题

2009/09/05 Javascript

Jquery作者John Resig自己封装的javascript 常用函数

2009/11/09 Javascript

jQuery easyui datagrid动态查询数据实例讲解

2013/02/26 Javascript

JQuery 操作/获取table具体代码

2013/06/13 Javascript

js左右弹性滚动对联广告代码分享

2014/02/19 Javascript

基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解

2015/03/05 Javascript

微信小程序富文本转文本实例详解

2016/10/24 Javascript

详解从Node.js的child_process模块来学习父子进程之间的通信

2017/03/27 Javascript

angularjs项目的页面跳转如何实现（5种方法）

2017/05/25 Javascript

详解Angular系列之变化检测(Change Detection)

2018/02/26 Javascript

Vue进度条progressbar组件功能

2018/04/17 Javascript

fastadmin中调用js的方法

2019/05/14 Javascript

element-ui table组件如何使用render属性的实现

2019/11/04 Javascript

Python的Django框架中消息通知的计数器实现教程

2016/06/13 Python

python中实现指定时间调用函数示例代码

2017/09/08 Python

python中报错"json.decoder.JSONDecodeError: Expecting value:"的解决

2019/04/29 Python

Django Xadmin多对多字段过滤实例

2020/04/07 Python

Keras之自定义损失(loss)函数用法说明

2020/06/10 Python

用html5的canvas画布绘制贝塞尔曲线完整代码

2013/08/14 HTML / CSS

Canvas 像素处理之改变透明度的实现代码

2019/01/08 HTML / CSS

洲际酒店集团大中华区：IHG中国

2016/08/17 全球购物

Vince官网：全球著名设计师品牌，休闲而优雅的服饰

2017/01/15 全球购物

GIVENCHY纪梵希官方旗舰店：高定彩妆与贵族护肤品

2018/04/16 全球购物

数控专业个人求职信范文

2014/02/05 职场文书

优秀的2014年两会精神解读

2014/03/17 职场文书

生物科学专业毕业生求职信

2014/06/02 职场文书

我与祖国共奋进演讲稿

2014/09/13 职场文书

学习党的群众路线对照检查材料

2014/09/29 职场文书

团组织推优材料

2014/12/29 职场文书

护士自我推荐信范文

2015/03/24 职场文书

销售合作意向书范本

2015/05/08 职场文书

2015年计算机教学工作总结

2015/07/22 职场文书

Python爬虫之自动爬取某车之家各车销售数据

2021/06/02 Python