JS点击链接后慢慢展开隐藏着图片的方法
作者:bea
本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: <html> <title>JS点击链接后,慢慢展开隐藏着的图片</title> <body> <script language="JavaScript"> var b=0; var c=true; function fade(){ if(document.all); if(c == tru
本文实例讲述了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程序设计有所帮助。
有用 | 无用
代码如下:
<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+CSS实现感应鼠标渐变显示DIV层的方法
- js实现图片和链接文字同步切换特效的方法
- jQuery实现渐变弹出层和弹出菜单的方法
- JavaScript获取文本框内选中文本的方法
- jQuery常用数据处理方法小结
- jQuery数据缓存用法分析
- jQuery性能优化技巧分析
- jQuery源码解读之removeClass()方法分析
- jQuery源码解读之addClass()方法分析
- jQuery源码解读之hasClass()方法分析
- jQuery源码解读之removeAttr()方法分析
- JS实现5秒钟自动封锁div层的方法
- js实现感应鼠标图片透明度变化的方法
- js实现鼠标感应向下滑动隐藏菜单的方法
- js实现鼠标滚轮控制图片缩放效果的方法
- NodeJS Web应用监听sock文件实例
- 使用JavaScript开发IE浏览器本地插件实例
- JQuery实现展开关闭层的方法
- jQuery实现鼠标滑过Div层背景变颜色的方法