css+js修改加上一个关闭浮动窗口的按钮,加赏20财富值!

html-css057

css+js修改加上一个关闭浮动窗口的按钮,加赏20财富值!,第1张

加一个关闭按钮你应该可以自己搞定吧~就是在那个“-”号旁边再加一个按钮,然后这个按钮的功能这样写:

<div onclick="close()">关闭</div>

JS部分:

function close(){

document.getElementById("你这个浮动窗口的ID,例子中为extbkbox").style.display="none"

}

这样就关闭了~

一个很常见的网站提示栏,一般常用于首页,会给出一行提示文字,用方框框起来,再附上一个关闭按钮,配上JS脚本,这样就实现了一个可以关闭的提示框,实际上代码是超简单的,但是功能却是很实用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>可关闭的提示框</title>

<style>

#tips

{

position:relative

margin:0 auto

border:1px solid

#FA9150

padding:5px 10px 5px

10px

width:96%

background-color:#FEF1E9

line-height:160%

font-size:12px

}

#close

{

position:absolute

top:7px

right:8px

}

</style>

<script>

function

Close() {

document.getElementById("tips").style.display =

"none"

}

window.onload = function()

{

document.getElementById("tips").onclick =

Close

}

</script>

</head>

<body>

<p

id="tips">