HTML特效:跟着鼠标慢慢漂浮的广告

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>跟着鼠标走的广告</title>
<script language="javascript">
var x =0;
var y = 0;
var x1;
var y1;
document.οnmοusemοve=mM;
function mM()
{
  
  x1= event.x - 50;
  y1 = event.y -30;
  window.status=event.x+"  "+event.y;
}
function posx()
{
    var w = document.body.offsetWidth - 150;
 var h = document.body.offsetHeight - 35;
  
 if((x < x1) && (x < w))
  document.all.ad1.style.left=x++;
 if(x > x1)
  document.all.ad1.style.left=x--;
 if((y < y1) && (y < h))
  document.all.ad1.style.top=y++;
 if(y > y1)
  document.all.ad1.style.top=y--;
 setTimeout("posx()",20)
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_setTextOfLayer(objName,x,newText) { //v4.01
  if ((obj=MM_findObj(objName))!=null) with (obj)
    if (document.layers) {document.write(unescape(newText)); document.close();}
    else innerHTML = unescape(newText);
}
</script>

<style type="text/css">
<!--
#ad1 {
 position:absolute;
 left:119px;
 top:51px;
 width:126px;
 height:34px;
 z-index:1;
 border:thin;
 border-style:double;
 text-decoration:none; 
}
.STYLE1 {
 font-size:28px;
 font-weight: bold;
}
a:hover
{
 font-family:"华文行楷";
 color:#006600;
 
 text-decoration:none;
}
a:
{
 font-family:"方正姚体";
 color:#FF00FF;
 text-decoration:none;
}
-->
</style>
</head>

<body bgcolor="#CCFFFF" onContextMenu="alert('Hi!愿意认识一下吗!');return false" onLoad="posx()" >
<a href="bgColor.htm" target="_blank"><div class="STYLE1" id="ad1" onMouseOver="MM_setTextOfLayer('ad1','','爱我中华')" onMouseOut="MM_setTextOfLayer('ad1','','我要投票')">我要投票</div>
</a>
</body>
</html>
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值