知识大全 用JavaScript实现动画效果

Posted 知

篇首语：听闻少年二字，当与平庸相斥。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 用JavaScript实现动画效果相关的知识，希望对你有一定的参考价值。

用JavaScript实现动画效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　大家在使用Dreamweaver中的时间线功能或以做出很有趣的动画效果 Dreamweaver会自动为用户生成特定的程序代码 大家有没有想过动画的实现原理呢？其实原理是很简单的 主要是使用了一个计时器函数 下面我为大家

　　演示一个简单的动画的制作过程 通过有关的介绍 大家可以举一反三 做出更多很炫的动画效果

　　这个实例的效果是点击网页上的 开始移动 按钮 则其中的指定图层就会从左到右移动 在这个过程中你点击 停止移动 按钮就会停止移动 　　<>　　<head>　　<title>JavaScript Motion Sample</title>

　　<script language= JavaScript >　　var movingID = null;　　var scrolling = false;

　　function startMove()　　　　 var left = eval(div style left replace( px ));　　 if (left < document body scrollWidth )　　  div style left = left + ; 　　else 　　 div style left = ;　　 movingID = setTimeout( startMove() );　　

　　function stopMove()　　　　 clearTimeout(movingID);　　　　</script>　　</head>　　<body>　　<div id= div >　　 <table bgColor= #FFFFCC border= cellPadding= cellSpacing= >　　  <tr>　　   <td>I can moving </td>　　  </tr>　　 </table>　　</div>

　　<br><br>　　<input type= button value= 开始移动 onClick= startMove() >　　<input type= button value= 停止移动 onClick= stopMove() >

　　</body>　　</> 

　　这里主要使用了一个叫setTimeout(function interval)函数 这个函数的参数格式为 　　第一个参数 function 为超时后调用的函数名 第二个参数 interval 为超时值 以微秒为单位

cha138/Article/program/Java/JSP/201311/19691

相关参考

知识大全 如何制作鼠标感应动画菜单

许多网友问鼠标移上去会变亮的菜单是怎么制作的？其实这是用两张图片交替显示的效果具体采用javascript脚本语言实现因为稍微复杂些需要细细讲解　　你要制作这种效果的话首先也要制作好同样大小不同效果的

知识大全 如何用Javascript调用Flash动画

如何用Javascript调用Flash动画？  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　问

知识大全 仿谷歌主页js动画效果实现代码

昨天看到谷歌的主页上出现了几个动画发现不是flash做的而是用js+图片实现的！今天把拷贝到的图片用js实现了动画效果！ 　　源代码复制代码代码如下:<!DOCTYPEPUBLIC"/

知识大全 用JavaScript实现仿Windows关机效果

用JavaScript实现仿Windows关机效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　

知识大全 用Javascript使网页图片产生旋转效果

用Javascript使网页图片产生旋转效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　Ro

知识大全 javascript取得浏览器地址及参数方法

　　用javascript获取url网址信息　　执行用javascript获取url网址信息代码效果如下　　locationhost=dwcn　　locationhostname=dwcn　　loca

知识大全 优化Java动画编程中的显示效果

优化Java动画编程中的显示效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　Java动画编程

知识大全 使用silverlight中的Storyboard实现动画效果

使用silverlight中的Storyboard实现动画效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来

知识大全 基于Jquery的温度计动画效果

基于Jquery的温度计动画效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！设计图如下:xhml

知识大全 利用Visual C# 2005制作简单动画效果

利用VisualC#2005制作简单动画效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！一般的W