编程 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 节点操作以及DOMDocument属性和方法

Dec 06 Javascript

JS获取html对象的几种方式介绍

Dec 05 Javascript

Egret引擎开发指南之运行项目

Sep 03 Javascript

JavaScript中的原型链prototype介绍

Dec 30 Javascript

JQuery中Text方法用法实例分析

May 18 Javascript

JavaScript中String.prototype用法实例

May 20 Javascript

深入分析下javascript中的[]()+!

Jul 07 Javascript

基于jQuery实现点击弹出层实例代码

Jan 01 Javascript

Bootstrap开发实战之响应式轮播图

Jun 02 Javascript

Jquery Easyui自定义下拉框组件使用详解（21）

Dec 31 Javascript

node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能

Jan 12 Javascript

JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码

Dec 01 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 分库分表hash算法

2009/11/12 PHP

PHP面向对象概念

2011/11/06 PHP

基于CakePHP实现的简单博客系统实例

2015/06/28 PHP

php获取访问者浏览页面的浏览器类型

2017/01/23 PHP

jquery each()源代码

2011/02/14 Javascript

jquery 插件学习（二）

2012/08/06 Javascript

js对象的复制继承实例

2015/01/10 Javascript

创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件

2016/06/02 Javascript

js实现各种复制到剪贴板的方法(分享)

2016/10/27 Javascript

js字符串与Unicode编码互相转换

2017/05/17 Javascript

Vue实现typeahead组件功能(非常靠谱)

2017/08/26 Javascript

vue 过滤器filter实例详解

2018/03/14 Javascript

vue大型项目之分模块运行/打包的实现

2020/09/21 Javascript

[01:53]3.19 DOTA2发布会现场精彩Coser表演

2014/03/25 DOTA

用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化

2015/04/01 Python

python解决汉字编码问题：Unicode Decode Error

2017/01/19 Python

Python编程之字符串模板(Template)用法实例分析

2017/07/22 Python

Python3 XML 获取雅虎天气的实现方法

2018/02/01 Python

详谈Python3 操作系统与路径模块(os / os.path / pathlib)

2018/04/26 Python

python实现雨滴下落到地面效果

2018/06/21 Python

python @classmethod 的使用场合详解

2019/08/23 Python

python实现的读取网页并分词功能示例

2019/10/29 Python

Python建造者模式案例运行原理解析

2020/06/29 Python

Ubuntu权限不足无法创建文件夹解决方案

2020/11/14 Python

详解Pycharm第三方库的安装及使用方法

2020/12/29 Python

欧洲领先的火车票和大巴票预订平台：Trainline

2018/12/26 全球购物

NBA欧洲商店(西班牙)：NBA Europe Store ES

2019/04/16 全球购物

巴西化妆品商店：Lojas Rede

2019/07/26 全球购物

单位委托书怎么写

2014/08/02 职场文书

党员转正申请报告

2015/05/15 职场文书

2016年社区“我们的节日·中秋节”活动总结

2016/04/05 职场文书

使用canvas实现雪花飘动效果的示例代码

2021/03/30 HTML / CSS

Django显示可视化图表的实践

2021/05/10 Python

java executor包参数处理功能

2022/02/15 Java/Android

一起来看看Vue的核心原理剖析

2022/03/24 Vue.js

Springboot-cli 开发脚手架，权限认证，附demo演示

2022/04/28 Java/Android