js获得图片坐标、移动、显示、隐藏图片的代码

发布时间：2018-10-06 21:09:47 所属栏目：编程来源：站长网

导读：本文介绍的特效主要功能有：Js移动图片、获得图片坐标、设置图片隐藏等等，可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片，并实现图片的相对移动。不错吧，来看效果：网页演示：点击此处运行演示： HTMLHEADtitlejs移动图片

　　本文介绍的特效主要功能有：Js移动图片、获得图片坐标、设置图片隐藏等等，可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片，并实现图片的相对移动。

　　不错吧，来看效果：

　　网页演示：点击此处

　　运行演示：

<HTML> <HEAD> <title>js移动图片、获得坐标、图片显示隐藏等多个特效 - Liehuo.Net</title> <SCRIPT LANGUAGE="<b>Java</b>Script">  </SCRIPT> <title>Js移动图片</title> </HEAD> <BODY onLoad="init()"> Check Values: <A HREF="javascript:alert('X: ' + block.xpos)">横向位置</A>, <A HREF="javascript:alert('Y: ' + block.ypos)">竖向位置</A> <BR>Visibility: <A HREF="javascript:showObject(block)">显示</A>, <A HREF="javascript:hideObject(block)">隐藏</A> <BR>移动到 MoveTo: <A HREF="javascript:moveTo(block,100,200)">(100,200)</A>, <A HREF="javascript:moveTo(block,300,360)">(300,360)</A>, <A HREF="javascript:moveTo(block,400,440)">(400,440)</A> <BR>相对移动 MoveBy: <A HREF="javascript:moveBy(block,10,0)">(10,0)</A>, <A HREF="javascript:moveBy(block,-10,0)">(-10,0)</A>, <A HREF="javascript:moveBy(block,0,10)">(0,10)</A>, <A HREF="javascript:moveBy(block,0,-10)">(0,-10)</A> <DIV ID="blockDiv" STYLE="position:absolute; left:100; top:200; width:30; visibility:visible;"> <IMG SRC="http://www.veryhuo.com/images/logo.gif" BORDER=0> </DIV> </BODY> </HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：天瑞地安资讯网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

Java访问控制修饰符详	MySQL 寻常str函数
n个结点构造几种树	C++运算符重载注意事宜