📄 effects2_test.html

📁 这是一款js组建

💻 HTML

字号:

<!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><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">#menu {  width: 300px;  border: 1px #000 solid;}.menu_header {  background-color: #00CC99;  color: #FFFFFF;}.menu_block {  background-color: #006699;  color: #FFFFFF;  overflow:hidden;}.menu_block div {}.close_block {  position: relative;  width: 100%;  bottom: 0px;  height: 15px;  text-align: center;  display: block;}</style><script src="../../lib/prototype.js" type="text/javascript"></script><script src="../../src/scriptaculous.js" type="text/javascript"></script><script src="../../src/unittest.js" type="text/javascript"></script></head><body><div id="menu">  <div class="menu_header" id="menu_header1"><a href="#" onClick="new Effect.SlideDown('menu_block1'); return false;">HEADER 1</a></div>  <div class="menu_block_container" id="menu_block_container1">    <div class="menu_block" id="menu_block1"><div>	    text<br>        text<br>        text<br>        text<br>        text<br>        text<br>        text<br>        <a href="#" class="close_block" onClick="new Effect.SlideUp('menu_block1'); return false;">close</a></div></div>  </div>  <div class="menu_header" id="menu_header2"><a href="#" onClick="new Effect.SlideDown('menu_block2'); return false;">HEADER 2</a></div>  <div class="menu_block_container" id="menu_block_container2">    <div class="menu_block" id="menu_block2"><div>	    text<br>        text<br>        text<br>        text<br>        text<br>        text<br>        text<br>        <a href="#" class="close_block" onClick="new Effect.SlideUp('menu_block2'); return false;">close</a></div></div>  </div></div></body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -