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 相关文章推荐
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
自制基于jQuery的智能提示插件一枚
Feb 18 Javascript
jQuery的12招常用技巧分享
Aug 08 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
May 16 Javascript
vue与bootstrap实现简单用户信息添加删除功能
Feb 15 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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设计模式之委托模式
2016/02/13 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
js left,right,mid函数
2008/06/10 Javascript
基于prototype扩展的JavaScript常用函数库
2010/11/30 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
jQuery中animate用法实例分析
2015/03/09 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
scrapy爬虫完整实例
2018/01/25 Python
python学习入门细节知识点
2018/03/29 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
python实现二维插值的三维显示
2018/12/17 Python
keras在构建LSTM模型时对变长序列的处理操作
2020/06/29 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
公司市场部岗位职责
2013/12/02 职场文书
英语演讲稿范文
2014/01/03 职场文书
《小石潭记》教学反思
2014/02/13 职场文书
应届生自荐信范文
2014/02/21 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
2016年寒假家长评语
2015/10/10 职场文书
优质护理服务心得体会
2016/01/22 职场文书