導航:首頁 > 萬維百科 > 網頁設計如何給圖片加一個關閉按鈕

網頁設計如何給圖片加一個關閉按鈕

發布時間: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;

與網頁設計如何給圖片加一個關閉按鈕相關的知識