作为一名网站管理员，有时候需要在网站上添加通知，图片漂浮公告是个不错的选择。运用JS我们能轻松的实现这个问题。
工具/原料
电脑、Dreamweaver
一、源代码
1、<!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=utf-8" /><title>无标题文档</title></head><div style="Z-INDEX: 99; POSITION: absolute" id=img><A href=""><IMG border=0 alt=img src="announcement02.jpg" width=346 height=221 useMap=#Map> <MAP name=Map><AREA href="#" shape=rect coords=110,48,110,51><AREA href="http://hao123.com" shape=rect target=_blank coords=233,134,314,208><AREA href="https://www.baidu.com" shape=rect target="_blank" coords=40,135,112,209></MAP></A></div><SCRIPT LANGUAGE="JavaScript"><!-- Beginvar xPos = document.documentElement.clientWidth-20;var yPos = document.documentElement.clientHeight/2;var step = 0.5;var delay = 5;var height = 0;var Hoffset = 0;var Woffset = 0;var yon = 0;var xon = 0;var pause = true;var interval;img.style.top = yPos;function changePos() {width = document.documentElement.clientWidth;height = document.documentElement.clientHeight;Hoffset = img.offsetHeight;Woffset = img.offsetWidth;img.style.left = xPos + document.documentElement.scrollLeft + "px";img.style.top = yPos + document.documentElement.scrollTop + "px";if (yon) {yPos = yPos + step;}else {yPos = yPos - step;}if (yPos < 0) {yon = 1;yPos = 0;}if (yPos >= (height - Hoffset)) {yon = 0;yPos = (height - Hoffset);}if (xon) {xPos = xPos + step;}else {xPos = xPos - step;}if (xPos < 0) {xon = 1;xPos = 0;}if (xPos >= (width - Woffset)) {xon = 0;xPos = (width - Woffset);}}function start() {img.visibility = "visible";interval = setInterval('changePos()', delay);}start();img.onmouseover = function() {clearInterval(interval);interval = null;}img.onmouseout = function() {interval = setInterval('changePos()', delay);}// End --></script></body></html>该源代码可直接复制到在HTML文件上运行。运行效果图如下：
2、图片资源，右键另存为下载
二、可实现的功能
1、鼠标停留在飘动公告上，公告停止飘动
2、运用Dreamweaver热点工具，为公告添加多个链接，分别链接至百度和hao123。
3、如果是单链接，<div>标签中的代码可改为：
