欢迎来到建站百科全书,这里有你需要找的答案...

官方主页 关于伟创 伟创新闻 金牌项目 网站套餐 伟创案例 洛阳百科 帮助中心 联系我们

您当前位置:网站首页 >> 软件开发 >> JS控制图形左右晃动的实例代码

JS控制图形左右晃动的实例代码

2013-04-11 07:26:53 来源:建站百科全书 浏览:25
内容提要:JS控制图片的位置,然后在规定时间内在指定方向移动性吃呢个的,很不错的.

代码简介

JS控制图片的位置,然后在规定时间内在指定方向移动性吃呢个的,很不错的

代码内容

View Code
<html>
<head>
<title>JS控制图形左右晃动的实例代码 - www.lywhy.com></title>
<SCRIPT LANGUAGE="JavaScript">
<!--

step
= 0;
obj
= new Image();

function anim(xp,xk,smer) //smer = direction
{
obj.style.left
= x;

x
+= step*smer;

if (x>=(xk+xp)/2) {
if (smer == 1) step--;
else step++;
}
else {
if (smer == 1) step++;
else step--;
}

if (x >= xk) {
x
= xk;
smer
= -1;
}

if (x <= xp) {
x
= xp;
smer
= 1;
}
// if (smer > 2) smer = 3;
setTimeout('anim('+xp+','+xk+','+smer+')', 50);
}


function moveLR(objID,movingarea_width,c)
{

if (navigator.appName=="Netscape") window_width = window.innerWidth;
else window_width = document.body.offsetWidth;

obj
= document.images[objID];
image_width
= obj.width;

x1
= obj.style.left;
x
= Number(x1.substring(0,x1.length-2)); // 30px -> 30

if (c == 0) {

if (movingarea_width == 0) {
right_margin
= window_width - image_width;
anim(x,right_margin,
1);
}
else {
right_margin
= x + movingarea_width - image_width;
if (movingarea_width < x + image_width) window.alert("No space for moving!");
else anim(x,right_margin,1);
}
}
else {
if (movingarea_width == 0) right_margin = window_width - image_width;
else {
x
= Math.round((window_width-movingarea_width)/2);
right_margin = Math.round((window_width+movingarea_width)/2)-image_width;
}
anim(x,right_margin,
1);
}
}


//-->
</SCRIPT>

</head>
<body>
<img src="http://www.lywhy.com>/themes/pic/webdm_logo.gif" name="picture" style='position: absolute; top: 10px; left: 30px;'

BORDER
=0>
<SCRIPT LANGUAGE="JavaScript">
<!--
setTimeout(
"moveLR('picture',300,1)",10);
//-->
</SCRIPT>
</body>
</html>
<br />
<p><a href=http://www.lywhy.com>网页代码站</a> - 洛阳建站伟创NO1!</p>
发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)

官方主页 关于伟创 伟创新闻 金牌项目 网站套餐 伟创案例 洛阳百科 帮助中心 联系我们

  • 公司名称:伟创网络科技 - 联系电话:15803796021
  • 联系地址:洛阳洛龙区太康新苑1#501室 联系邮箱:lywhy0379@163.com - 在线QQ:664020694
  • 豫ICP备12012069号-1
  • Copyright 2013, 版权所有 建站百科全书