`
piperzero
  • 浏览: 3474428 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

js 实现图片位置随意变化

 
阅读更多

<html>
<head>
<script language="JavaScript">
function move()
{
document.getElementById("Layer1").style.left=Math.random()*500;
document.getElementById("Layer1").style.top=Math.random()*500;
setTimeout("move()",500);
}
</script>
</head>
<body onload="move()">
<div id="Layer1" style="position:absolute;left:14px;top:44px;width:150px;height:102px;z-index:1">
<a href="http://www.baidu.com">
<img src="aa.jpg" width="100" height="100">
</a>
</div>
</body>
</html>

分享到：
| js 实现图片自动移动
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    程序天下:JavaScript实例自学手册

    8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...

    《程序天下：JavaScript实例自学手册》光盘源码

    第1章 页面特效 ...1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 ...22.15 用prototype实现JavaScript的继承 22.16 JavaScript制作哈希表 第23章 其他技巧及特效 23.1 ...

    JavaScript网页特效范例宝典源码

    实例220 随意拖动图片 342 实例221 当鼠标经过图片时显示图片 344 实例222 改变图片获取焦点时的状态 345 实例223 抖动的图片 346 实例224 鼠标移动放大图片 347 8.3 图片与时间相关操作 349 实例225 定时隐藏图片 ...

    javascript网页特效实例大全

    6.6 可以随意拖动的图片 140 6.7 “雷达”扫描图片效果 142 6.8 图片的变形效果 143 6.9 会抖动的图片 144 6.10 不停闪烁的图片 146 6.11 图片分割显示 146 6.12 图片穿行页面效果 148 6.13 自由移动的图片 ...

    图片拖拽放大缩小效果

    可以滚轮控制图片大小,随意拖拽移动图片位置。

    JavaScript应用177例

    实例代码： 第1章（\cha01） ...第2章（\cha02） ...第3章（\cha03） ... 3.3.htm 用对象的方式实现数组 ... 3.6.htm 实现多维数组 ... 4.5.htm 实现计算器 ... \36.2\ Default.aspx 实现文本聊天室

    asp.net知识库

    SharpRewriter：javascript + xml技术利用#实现url重定向 采用XHTML和CSS设计可重用可换肤的WEB站点 asp.net的网址重定向方法的比较：面向搜索引擎友好 也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

    imagecdn:图像调整大小服务和CDN

    图片光盘免费的图像大小调整服务和CDN。为什么？ 这源于一再的沮丧，即在多个项目之间优化图像是一个不断变化的目标，需要大量样板。 图像库虽然存在，但是却以不同的方式... 随“接受”和“接受编码”而变化的图片。

    华西网源码

    $_G['style']['styleimgdir']/js/hxportal.js" type=text/javascript&gt; &lt;script type="text/ecmascript"&gt;hxportal.loadThreadList({fid:2,target:'#sec4_1_c'}); 将 $_G['cookie']['myportal_fid']==2 和 hxportal....

    网管教程 从入门到精通软件篇.txt

    网管教程 从入门到精通软件篇 ★一。★详细的xp修复控制台命令和用法!!! 放入xp（2000）的光盘，安装时候选R，修复！ Windows XP（包括 ...JS：javascript源文件 JSP：HTML网页，其中包含有对一个Java servlet...

Magicbox
Global site tag (gtag.js) - Google Analytics