导航:首页 > 万维百科 > 网页设计如何给图片加一个关闭按钮

网页设计如何给图片加一个关闭按钮

发布时间:2021-02-19 09:16:35

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:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 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>

2、网站悬浮广告图片代码怎么增加个关闭按钮

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

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>

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

3、js怎么实现这样 一个图片右上角添加一个关闭

利用抄:after来实现袭根据摆放位置调整top和left
img{position: relative;}
img:after{position: absolute;content:'×';top:xxx;left:xx;}

4、网页 中插入个关闭按扭

不用代码做的方法是,把插入点放入适当位置后,打开窗口=代码片断=表单元素=下拉菜单中的关闭按钮,双击就可以了。

5、给js图片广告加上关闭按钮的代码是什么?哪位高手给下

这个方法确实不错,不过图片出来很随意,还需要用css代码来进行规范一下:

我用内联样式回演示的,答如果网页较大建议直接写到外部样式里,我对风菲兄的回答做了一下补充,希望可以帮助到你。


<div id="ad" style="display:">

<img style="position:fixed; top:10%;" src="广告图" /><br /> 

<img style="position:fixed; top:10%;width:20px; height:20px;" src="关闭小图" onclick="closed();"/>

</div>

<script>

function closed()

{

var aaa=document.getElementById("ad");

aaa.style.display="none"

}

</script>

6、网页中如何给图片加一个关闭的按钮? 急...

脚本说明:

第一步:把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=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>

7、请问图片中页面底部的悬浮窗怎么添加一个关闭按钮?代码是?

这个悬浮窗是一个div层,在这个div里面添加一个按钮或者

<span onclick="CloseDiv('MyDiv')">关闭</span>

都可以,'MyDiv'就是悬浮窗div的id,js里面写专个函数即可

         function CloseDiv(div) {

             document.getElementById(div).style.display = 'none';

         };

若有不妥,属请补充!

8、漂浮图片如何添加关闭按钮

设置漂浮图片的css中DISPLAY属性,点关闭则display:none;

与网页设计如何给图片加一个关闭按钮相关的知识