站长论坛 资源下载 软件下载 网站建设
 
 站内搜索:
   投递文章
  您的位置: JAVASCRIPT>左右移动的图片[修改图片名称即可][共2步]
  左右移动的图片[修改图片名称即可][共2步]
2008-5-23 来源:互联网   作者:  阅读次数:429
====1、将以下代码加入到HEML的<head></head>之间:

<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>

====2、将以下代码加入到HEML的<body></body>之间:

<img src="要显示的图片名称.gif" name="picture"
style="position: absolute; top: 70px; left: 30px;" BORDER="0" WIDTH="140" HEIGHT="40">
<script LANGUAGE="JavaScript"><!--
setTimeout("moveLR('picture',300,1)",10);
//--></script>
0
顶一下

返回
上一篇: 将图片图片固定在页面左上角[根据说明修改即可共1步]    下一篇: 图象滚动公告版[适合做图片的滚动友情链接][很有用][共1步]
 相关文章列表
ASP、PHP与javascript根据时段切换CSS皮肤的代码 用Javascript设置DIV的绝对位置
Firefox浏览器兼容JS脚本供参考 用JavaScript刷新框架子页面的方法
内容拷贝增加版权信息的JavaScript代码 最近收集的有用的Javscript小技巧
IE和FireFox下javascript读写XML实现广告轮换 通过JAVAScript实现页面自适应
用户名: E_mail: 匿名:  请文明参与讨论,禁止漫骂攻击。
 网友评论                                                                               评论总数: 0条  [ 查看全部 ]

  新闻资讯
雅虎将成美国手机门户默认搜...
瑞星网络版增强管理技术功能
微软锁上全面收购雅虎大门 ...
谷歌百度口水战升级 比拼“...
为CNZZ产品征新名 赢取...
雅虎搜索引擎高管12月将离...
病毒互联网化的直接后果:侵...
宫力:火狐在告诉跨国公司怎...
竞价排名连遭曝光百度一夜缩...
阿里携手400万“粤网商”...
 
关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 帮助
ASP站长   版权所有© 2008   苏ICP备08021577号  
本站上的资源均为原作者提供和网友推荐收集整理而来,仅供学习和研究使用。如有侵犯你的版权,请联系我们,本站将立即改正