实例175.设定浮动条单独关闭按钮.html

来自「JavaScript精彩网页特效实例精粹」· HTML 代码 · 共 17 行

HTML
17
字号
<DIV id=floaterleft style="Z-INDEX: 100; LEFT: 1px; WIDTH: 100px; POSITION: absolute; TOP: 50px; height: 100px;">   
<img src="left.jpg"><br><a onclick="closeleft();"><img src="close.gif" border=0></a>
</DIV>  
<DIV id=floaterright style="Z-INDEX: 100; RIGHT: 1px; WIDTH: 100px; POSITION: absolute; TOP: 50px;" >   
<img src="right.jpg"><br><a onclick="closeright();"><img src="close.gif" border=0></a>
</DIV>
<script language="javascript">
<!-- 
function closeleft(){
floaterleft.style.display='none'                     // 关闭左侧浮动条
}
function closeright(){
floaterright.style.display='none'                    // 关闭右侧浮动条
}
//-->
</script>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?