How to display the contents in div page by page

First of all, has your div been repaired?

& ltdiv & gt 1 & lt; /div & gt;

& ltdiv & gt2 & lt/div & gt;

& ltdiv & gt3 & lt/div & gt;

& ltdiv & gt4 & lt/div & gt;

& ltdiv & gt5 & lt/div & gt;

& ltdiv & gt6 & lt/div & gt;

& ltdiv & gt7 & lt/div & gt;

& ltdiv & gt8 & lt/div & gt;

& ltdiv & gt9 & lt/div & gt;

Copy and run the following:

& lt! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " " & lt; /title & gt;

& ltstyle type="text/css " >

# Frame content {

Width: 500px/* Adjust the width of the display area */

Height: 200px/* Adjust the height of the display area */

font-size: 14px;

Line height: 20px

Border:1pxsolid # 000000;

overflow-page index:hidden;

Overflow -y: hidden;

Word-breaking: all broken;

}

A {

font-size: 12px;

Color: # 000000;

Text decoration: underline;

}

A: Hover {

font-size: 12px;

Color: # CC0000

Text decoration: underline;

}

& lt/style & gt;

& lt/head & gt;

& ltbody & gt

& ltdiv id="frameContent " >

& ltp> Sixteen sets of etiquette costumes for Beijing Olympic Games. Among them, a man's uniform was used as a flag bearer's uniform. 15 women's wear is divided into five series, and each series has three different styles according to the different functions of guest guide, athlete guide and tray clerk. In the 302nd Olympic Games and the 472nd Paralympic Games, these five series of dresses will appear in different venues and competitions respectively. & lt/p & gt;

& ltp> "Blue and White Porcelain" series is used for the awarding ceremony of all water sports such as Water Cube of National Swimming Center, Shunyi Water Park and Qingdao. & lt/p & gt;

& lt table cellspacing = "0" cellpadding = "0" align = "left" border = "0" >

& lttbody & gt

& lttr & gt

& lttd valign="top">。 & lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& lttd & gt& lt/TD & gt;

& lt/tr & gt;

& lt/tbody & gt;

& lt/table & gt;

The design is inspired by the world-famous blue and white porcelain of China. The application of China traditional random needle embroidery vividly reproduces the blooming effect of blue and white porcelain. The silhouette design of fishtail skirt highlights the feminine curves of China women.

& lt/p & gt;

& ltp> Sapphire Series is used in the awarding ceremony of gymnastics, indoor ball games and fencing. The main color of the dress is moist and elegant sapphire blue, and the waist is decorated with a waist seal embroidered with traditional sheet metal. The auspicious patterns-Jiangshan Hague pattern and Peony pattern, which have the most aesthetic taste and good wishes of China traditional culture, are selected, highlighting the distinctive China characteristics and national style. At the same time, it also showed people all over the world the highest embroidery technology in China. Chinese stand-up collar with western shoulder design shows the elegant and noble temperament of China women. & lt/p & gt;

& ltp> The silk satin dresses of Sophora japonica Green series are used for the award ceremony of cycling, shooting and modern pentathlon. The costume symbolizes vigorous life and lush environment, and embodies the good wish of harmonious development with nature and the determination to adhere to the "green Olympics". The auspicious peony embroidered by three-dimensional silver thread conforms to the curly pattern of female curve and shows the graceful figure and quiet temperament of oriental women. & lt/p & gt;

& ltp> "Jade, Fat and White" series will appear in the National Stadium, all outdoor ball games and equestrian events in Hong Kong. It skillfully echoes the idea that Olympic medals are inlaid with gold and jade. The design of colored embroidered vest and Yu Pei is not only the perfect embodiment of Chinese jade culture, but also the innovation of traditional cheongsam design. The perfect combination of rich green and ivory silk fabrics highlights the introverted and subtle characteristics of women in China. & lt/p & gt;

& ltp> pink series mainly appears in boxing, weightlifting, wrestling and other strength competitions. The waist ornaments with precious flower patterns made by traditional gold embroidery technology divide the perfect human body proportion. The design of the collar highlights the beautiful lines of the neck and neutralizes the masculinity of the game with the softness of pink. & lt/p & gt;

& ltp> The costumes of flag-raisers echo the blue-and-white porcelain dresses from a distance, reflecting the traditional culture of China without losing masculinity, and will appear in all Olympic and Paralympic venues. & lt/p & gt;

All Olympic costumes and flag-raiser uniforms of<p> are embroidered with the words "Beijing 2008". & lt/p & gt;

& ltp> "Very China cultural characteristics" is the first evaluation of these garments by the International Olympic Committee. On May 23rd, 2007, after the solicitation of ceremonial costume designs for the Beijing Olympic Games, which was hosted by BOCOG and co-organized by China Fashion Designers Association and Beijing Industry Promotion Bureau, * * * received 305 valid works, including 137 sets and 168 renderings. The submitted works include 127 national "Top Ten" designers and 80 fashion design colleges. & lt/p & gt;

& LTP> August 2-3, 2007, after preliminary evaluation and re-evaluation. The judging panel, composed of BOCOG, experts in China's art and fashion design, experts in the image and landscape of the International Olympic Committee and representatives of champion athletes, selected 30 ready-to-wear works, including 8 tray waiter dresses, 7 guest guide dresses, 65,438+00 athlete guide dresses and 5 flag-raiser uniforms. From August 2007 to February 2008, BOCOG organized experts to hold more than ten seminars on scheme modification. Under the guidance of the expert group, the shortlisted designers revised the scheme many times and made sample clothes. It was reported to the BOCOG Executive Committee twice on 20071October 8 +065438+ and on February 3, 2008. At the end of February 2008, the International Olympic Committee approved the final plan. (Zhang Yu)

& lt! -..style 1 { color:# 000000; Font thickness: bold; font-size: 14px; } ..STYLE4 {color: #000000}..style 5 { color:# 000000; Font thickness: bold; } ..style 6 { color:# 000000 }-& gt;

& lt/div & gt;

& ltP & gt

& ltdiv id = " pages " style = " font-size: 12px;" & gt& lt/div & gt;

& lt scripting language = "javascript">

var obj = document . getelementbyid(" frame content "); //Get the content layer

var pages = document . getelementbyid(" pages "); //Get Page Turning Layer

var pg index = 1; //Current page

Window.onload = function() // Override the event loaded by the form.

{

var all pages = math . ceil(parse int(obj . scroll height)/parse int(obj。 offset height)); //Get the number of pages

Pages.innerhtml = "<b> * * *"+all pages+"page.

for(var I = 1; I<= allpagesi++){

pages . innerhtml+= " & lt; a href = \ " JavaScript:show page(" "+I+" '); \ "> Page" +i+ "

//Which page is output circularly?

}

pages . innerhtml+= " & lt; a href = \ " JavaScript:goto page('- 1 '); \ "> Previous Page

}

Function gotopage (value)

Try {

value=="- 1 "? showPage(pgindex- 1):showPage(pgindex+ 1);

}catch(e){

}

}

Function Display Page (Page Index)

{

obj . scroll top =(page index- 1)* parse int(obj . offset height); //According to the height, output the specified page.

pgindex = pageINdex

}

& lt/script & gt;

& lt/body & gt;

& lt/html & gt;