:
Move in:
Move out:
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Mouse move-out presentation and collection effect</title> <styletype= "Text/css">Body{margin:0 Auto;padding:0; }#pn{background:#e8e8e8;width:600px;Display:Block;margin:0 Auto;padding:5px;font-size:9pt;Height:Auto; }. Slide{margin:0 Auto;padding:0;width:600px;Border-top:4px Solid Gray; }. Btn-slide{background:Gray;width:120px;Height:30px;text-align:Center;margin:0 Auto;Display:Block;Color:#fff;text-decoration:None;Padding-top:10px; } </style> <Scripttype= "Text/javascript"> functionShowdiv () {document.getElementById ("HPN"). Style.display="Block"; document.getElementById ("Strhref"). InnerHTML="Close Up-"; } functionHidediv () {document.getElementById ("HPN"). Style.display="None"; document.getElementById ("Strhref"). InnerHTML="More Options +"; } </Script></Head><Body> <Divclass= "Slide"> <aonmouseover= "Showdiv ();"ID= "Strhref"class= "Btn-slide">More Options +</a> <DivID= "PN"> <DivID= "HPN"onmouseout= "Hidediv ()"style= "Display:none"> <P>Price: 5000 + 4000-4999 3000-3999</P> <P>Features: Jdphone plan ' 0 ' yuan purchase of water</P> </Div> </Div> </Div></Body></HTML>
Presentation and collection effect (mouse move out)