手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS点击链接后慢慢展开隐藏着图片的方法
JS点击链接后慢慢展开隐藏着图片的方法
摘要:本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:JS点击链接后,慢慢展开隐藏...

本文实例讲述了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="http://www.jb51.netimages/3.jpg" name="u" width="0" height="0" border="0"/></a>

<p align="center"><a href="javascript:">点击展开图片</a>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

【JS点击链接后慢慢展开隐藏着图片的方法】相关文章:

js+html5实现canvas绘制简单矩形的方法

JS显示日历和天气的方法

JS选项卡动态替换banner图片路径的方法

jQuery获取页面元素绝对与相对位置的方法

JavaScript实现鼠标点击后层展开效果的方法

js去除浏览器默认底图的方法

JavaScript实现点击文字切换登录窗口的方法

JavaScript点击按钮后弹出透明浮动层的方法

jquery预加载图片的方法

JS动画效果打开、关闭层的实现方法

精品推荐
分类导航