给图片添加关闭按钮

给图片添加关闭按钮,第1张

<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">

initAd()//载入页面后,调用函数initAd()

</SCRIPT>

<script language="JScript">

<!--

function initAd() {

document.all.AdLayer.style.posTop = -200//设置onLoad事件激发以后,广告层相对于固定后的y方向位置

document.all.AdLayer.style.visibility = 'visible'//设置层为可见

MoveLayer('AdLayer')//调用函数MoveLayer()

}

function MoveLayer(layerName) {

var x = 600//浮动广告层固定于浏览器的x方向位置

var y = 300//浮动广告层固定于浏览器的y方向位置

var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40

var y = document.body.scrollTop + y - diff

eval("document.all." + layerName + ".style.posTop = y")

eval("document.all." + layerName + ".style.posLeft = x")//移动广告层

setTimeout("MoveLayer('AdLayer')", 20)//设置20毫秒后再调用函数MoveLayer()

}

function closed()

{

document.all.AdLayer.style.visibility = 'hidden'

}

//-->

</script>

<!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片-->

<div id=AdLayer style='position:absolutewidth:61pxheight:59pxz-index:20visibility:hiddenleft: 600pxtop: 300px'>

<a href="http://www.5dmedia.com/bbs"><img src='/G09007.jpg' border="0" height="60" width="60"></a>

<a href="#" onclick="closed()"><img src='关闭小图片' border="0"></a>

</div></script>

脚本说明:

第一步:把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<head>区域中

<SCRIPT language="JavaScript">

<!--

function openclk() {

another=open('time1.htm','NewWindow')

}

function closeclk() {

another.close()

}

//-->

</SCRIPT>

第二步:把如下代码加入<body>区域中

<FORM>

<INPUT TYPE="BUTTON" NAME="open" value="打开一个窗口" onClick="openclk()">

<BR>

<INPUT TYPE="BUTTON" NAME="close" value="关闭这个窗口" onClick="closeclk()">

</FORM>

广告图作为背景,给div,然后在div内放个img图片当做关闭按钮。

var count

function move()    {

    $('apDiv').style.top=document.documentElement.scrollTop+parseInt(count)       

}      

function getCount()    {

    count=$('apDiv').currentStyle.top

}  

function close0()  {

    $('apDiv').style.display='none'

}

window.onscroll=move

window.onload=function(){getCount()} <!--img是关闭按钮的图片-->

<div id="apDiv" style="right:30px position:fixed width:118px height:272px z-index:2 background-image:url(image/adv.jpg)

float:left top: 110px"><img src="image/button.jpg" onClick="close0()"/></div>

图片路径还有宽高位置之类的你自己改改就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8010105.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存