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

前端技术 2023/09/04 JavaScript

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

本文地址：https://www.stayed.cn/item/10900

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案