Copy codeThe Code is as follows: <Head runat = "server">
<Title> </title>
<Style type = "text/css">
. Content
{
Border: 1px solid # ccc;
Width: pixel PX;
Overflow: hidden;
Margin: 10px;
}
</Style>
<Script type = "text/javascript" src = "jquery-1.4.2.min.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
If ($ ('# content'). height ()> 400)
$ ('# Content'). height (400 );
$ ('# Bigger'). toggle (function (){
$ ('# Content'). height ($ (' # content'). height () + 100 );
Certificate ('character bigger'character .html ('downsize ');
}, Function (){
$ ('# Content'). height ($ (' # content'). height ()-100 );
('{Bigger'{.html ('enlarge ');
})
});
</Script>
</Head>
<Body>
<Div id = "content" class = "content">
Content 1 <br/>
Content 2 <br/>
Content 3 <br/>
Content 4 <br/>
Content 5 <br/>
Content 6 <br/>
Content 7 <br/>
Content 8 <br/>
Content 9 <br/>
Content 10 <br/>
Content 11 <br/>
Content 12 <br/>
Content 13 <br/>
Content 14 <br/>
Content 15 <br/>
Content 16 <br/>
Content 17 <br/>
Content 18 <br/>
Content 19 <br/>
Content 20 <br/>
Content 21 <br/>
Content 22 <br/>
Content 23 <br/>
Content 24 <br/>
Content 25 <br/>
</Div>
<Br/>
<Span id = "bigger"> zoom in </span>
</Body>
</Html>
