首页 > 编程 > JavaScript > 正文

JS点击链接后慢慢展开隐藏着图片的方法

2019-11-20 13:08:37
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表