JavaScript -- 广告随鼠标移动, 点击一次后关闭
2013-12-01 18:31
435 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> #bodyId{ border:#0000FF solid 1px; width:500px; height:800px; } </style> <script type="text/javascript"> window.onload = function() { document.body.onmouseover = function() { var adId = document.getElementById("adId"); adId.style.left = event.x - 10; adId.style.top = event.y - 10; } } function closed() { var adId = document.getElementById("adId"); adId.style.display = "none"; } </script> </head> <body> <div id="adId" style="position:absolute; left:0; top:0;" onclick="closed()"> <a href="http://www.baidu.com" target="_blank" ><img src="1.jpg" width="80px" height="100px" /> </a> </div> <div id="bodyId" > body 区域 </div> </body> </html>
相关文章推荐
- JavaScript -- 广告随鼠标移动, 点击一次后关闭
- 【javascript】广告随鼠标移动 | 广告飞动
- 页面上的可鼠标移动内嵌页面层,并有关闭按钮,背景不可点击
- js实现跟随鼠标移动且带关闭功能的图片广告实例
- (Javascript经典案例) -- 捕获鼠标点击位置并将元素移动到该位置
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移动事件,javaScript事件使用小全
- js实现跟随鼠标移动且带关闭功能的图片广告实例
- javascript实现鼠标点击页面 移动DIV
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
- javascript--鼠标点击页面,移动DIV
- Unity控制鼠标移动及点击
- selenium 实现鼠标移动到元素上,并操作元素(鼠标放上后才出现的元素)点击
- Javascript 鼠标移动上去 滑块跟随效果
- QML笔记整理——QtQuick用户交互:鼠标移动、点击、拖拽和键盘输入
- ASP中应用ONMOUSEOVER鼠标点击或者移动到表格格子上时光标位置显示窗体
- JavaScript DOM 中setAttribute()的使用 以及点击鼠标返回函数的处理
- JavaScript 鼠标移动切换图片
- JavaScript基础 在鼠标点击处生出图片(鼠标在哪点,图片在哪显示)
- javascript提示框,随着鼠标移动