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程序设计有所帮助。

Javascript 相关文章推荐
你需要知道的JavsScript可以做什么?
Jun 29 Javascript
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
Nov 12 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
Apr 15 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
js瀑布流布局的实现
Jun 28 Javascript
如何管理Vue中的缓存页面
Feb 06 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
javascript入门基础之私有变量
2010/02/23 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
学习vue.js计算属性
2016/12/03 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
JS数组Object.keys()方法的使用示例
2019/06/05 Javascript
Vue是怎么渲染template内的标签内容的
2020/06/05 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
[01:25]2015国际邀请赛最佳短片奖——斧王《拆塔英雄:天赋异禀》
2015/09/22 DOTA
Python文档生成工具pydoc使用介绍
2015/06/02 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
Python下载网络文本数据到本地内存的四种实现方法示例
2018/02/05 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
python 移除字符串尾部的数字方法
2018/07/17 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
利用python计算时间差(返回天数)
2019/09/07 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
Pycharm小白级简单使用教程
2020/01/08 Python
Python创建简单的神经网络实例讲解
2021/01/04 Python
CSS 3.0 结合video视频实现的创意开幕效果
2020/06/01 HTML / CSS
加拿大时装零售商:Influence U
2018/12/22 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
上班迟到检讨书300字
2014/10/18 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS