修改青促会漂浮在首页的图片的方法

来源：互联网发布：office淘宝验证码弹出编辑：程序博客网时间：2024/05/18 02:28

首先，将图片上传到服务器上，上传附件地址：http://www.yicas.cn/dct/page/66663

94上面的，在dct文件夹下面，修改

第一、在附件页上传图片文件

第二、在layout.jsp文件中的如下代码：

图片链接的代码：

图片显示与隐藏的代码：

//控制首页漂浮图片的显示与隐藏
start();//显示

//hide();//隐藏

=============================================================================================

此页面中需要的代码如下：

<div id="float_AD" style="position: absolute; left: 311; top: 815;" onmouseover="clearInterval(interval);" onmouseout="interval = setInterval('changePos()', delay)" align="right">
<img border="0" src="http://xx.xx.xx.xx/clb/getCachedDocument.do?docid=2361" style="cursor:pointer;"/>
<span style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval(interval);ad.style.visibility = 'hidden'">X</span>
</div>

<script language=javascript>
var xPos = 20;
var yPos = 20;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var ad = document.getElementById("float_AD");

function hide() {
   var div = document.getElementById("float_AD");
   div.style.display = "none";
   div.onmouseout = function() {
       div.style.visibility = "hidden";
   }
}

function changePos() {
   width = document.body.clientWidth;
   height = document.body.clientHeight;

   var ad = document.getElementById("float_AD");
   Hoffset = ad.offsetHeight;
   Woffset = ad.offsetWidth;
   ad.style.left = (xPos + document.body.scrollLeft) + "px";
   ad.style.top = (yPos + document.body.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() {
   interval = setInterval('changePos()', delay);
}
function stop() {
   clearInterval(interval);
}

var url = window.location.href;
if (url == "http://www.yicas.cn/dct/page/1") {
   start();
} else {
   hide();
}//2012-08-22 lichong
</script>