JS点击链接后慢慢展开隐藏着图片的方法
2015-02-17 00:00
686 查看
本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<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点击链接后慢慢展开隐藏着图片的方法
- JS实现鼠标点击展开或隐藏表格行的方法
- JS实现鼠标点击展开或隐藏表格行的方法
- JS实现点击链接切换显示隐藏内容的方法
- JS实现鼠标点击展开或隐藏表格行的方法
- flex4 datagrid里点击链接打开图片的方法
- 将JS代码隐藏在图片中的方法
- js鼠标点击图片实现随机变换图片的方法
- js实现点击图片改变页面背景图的方法
- js 点击一个链接后变色,但在点击页面其它链接不变色(方法一)
- 鼠标移动链接上,滑动展开/隐藏图片效果
- js实现点击图片将图片地址复制到粘贴板的方法
- js实现点击后将文字或图片复制到剪贴板的方法
- js实现点击链接后窗口缩小并居中的方法
- CSS+JS方法去除点击链接,按钮时出现的虚线框
- js实现图片和链接文字同步切换特效的方法
- js点击元素以外的地方隐藏 元素的方法
- 如何去掉图片点击后的超级链接产生的虚框问题(两种实现方法)
- 点击显示子菜单,离开隐藏子菜单(onmouseout下包含a标签的js解决方法)
- js实现点击图片改变页面背景图的方法