!-- -->
I'm a paragraph with padding, margin, and border values. When //dissolve// is executed, these values will go to zero, but be restored at the end of the transition when display will be set to "none"
点击我!!
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
Code
!-- <script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js"></script> -->
<!--<script src="a.js"></script>-->
<style>
</style>
<P style="BORDER-BOTTOM: #333 1px solid; POSITION: static; FILTER: ; BORDER-LEFT: #333 1px solid; PADDING-BOTTOM: 4px; MARGIN: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: block; VISIBILITY: visible; OVERFLOW: hidden; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; PADDING-TOP: 4px; opacity: 1; totalHeight: 72; computedTop: 9; computedBottom: 9" id=revealExample>
I'm a paragraph with padding, margin, and border values. When //dissolve// is executed, these values will go to zero, but be restored at the end of the transition when display will be set to "none"
</P>
<div id="marqueeTest1"><b>点击我!!</b></div>
<script defer=defer>
$('marqueeTest1').addEvent('click',function(e){
new Event(e).stop();
new Fx.Reveal($('revealExample')).toggle();
})
</script>