Home > Developer > JavaScript
Html file:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> continuous improvement of waterfall stream, welcome to supplement </title>
<Script language = "javascript" src = "http://www.miiceic.org.cn/templets/js/jquery-1.7.2.js"> </script>
<Script type = 'text/javascript 'src = 'HTTP: // www.miiceic.org.cn/templets/js/jquery.masonry.min.js'> </script>
</Head>
<Style>
# Container {margin: auto; width: 1000px ;}
. Col {float: left; width: 235px; background: # ececec; margin: 5px; text-align: center ;}
. Col: hover {background: # f00 ;}
# Page_loading {text-align: center ;}
. Hover {background: # f00 ;}
</Style>
<Body>
<Div id = "container">
<Div class = "col">
<A href = "#"> </a> <br/> enterprise training, enterprise internal training, html5 development training, android training, ios training, soft exam training, it Enterprise Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
ANBO zhongcheng enterprise training, enterprise internal training, focuses on html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture and other IT Enterprise Training
</Div>
<Div class = "col">
ANBO zhongcheng enterprise training has been committed to html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture, software testing, demand analysis, software development, database, enterprise Training and Enterprise internal training for IT high-end technologies such as national defense industry have always been a leader in the industry. Enterprise Internal training or open courses such as soft test training, android Application Development Training, and software engineering training have been held, lecturers in Agile development, embedded training, project management, and electronic product design and information training for national defense industry are well-known experts and industry leaders. They have become the top brands in China's high-end training.
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
Software development enterprise training, enterprise internal training, soft test training, android Application Development training, software engineering training, embedded training, and uidesign Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/> enterprise training, enterprise internal training, html5 development training, android training, ios training, soft exam training, it Enterprise Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
ANBO zhongcheng enterprise training, enterprise internal training, focuses on html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture and other IT Enterprise Training
</Div>
<Div class = "col">
ANBO zhongcheng enterprise training has been committed to html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture, software testing, demand analysis, software development, database, enterprise Training and Enterprise internal training for IT high-end technologies such as national defense industry have always been a leader in the industry. Enterprise Internal training or open courses such as soft test training, android Application Development Training, and software engineering training have been held, lecturers in Agile development, embedded training, project management, and electronic product design and information training for national defense industry are well-known experts and industry leaders. They have become the top brands in China's high-end training.
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
Software development enterprise training, enterprise internal training, soft test training, android Application Development training, software engineering training, embedded training, and uidesign Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/> enterprise training, enterprise internal training, html5 development training, android training, ios training, soft exam training, it Enterprise Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
ANBO zhongcheng enterprise training, enterprise internal training, focuses on html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture and other IT Enterprise Training
</Div>
<Div class = "col">
ANBO zhongcheng enterprise training has been committed to html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture, software testing, demand analysis, software development, database, enterprise Training and Enterprise internal training for IT high-end technologies such as national defense industry have always been a leader in the industry. Enterprise Internal training or open courses such as soft test training, android Application Development Training, and software engineering training have been held, lecturers in Agile development, embedded training, project management, and electronic product design and information training for national defense industry are well-known experts and industry leaders. They have become the top brands in China's high-end training.
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
Software development enterprise training, enterprise internal training, soft test training, android Application Development training, software engineering training, embedded training, and uidesign Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
Software development enterprise training, enterprise internal training, soft test training, android Application Development training, software engineering training, embedded training, and uidesign Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/> enterprise training, enterprise internal training, html5 development training, android training, ios training, soft exam training, it Enterprise Training
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
ANBO zhongcheng enterprise training, enterprise internal training, focuses on html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture and other IT Enterprise Training
</Div>
<Div class = "col">
ANBO zhongcheng enterprise training has been committed to html5 development training, android training, ios training, soft test training, embedded, uidesign, reconstruction, architecture, software testing, demand analysis, software development, database, enterprise Training and Enterprise internal training for IT high-end technologies such as national defense industry have always been a leader in the industry. Enterprise Internal training or open courses such as soft test training, android Application Development Training, and software engineering training have been held, lecturers in Agile development, embedded training, project management, and electronic product design and information training for national defense industry are well-known experts and industry leaders. They have become the top brands in China's high-end training.
</Div>
<Div class = "col">
<A href = "#"> </a> <br/>
Software development enterprise training, enterprise internal training, soft test training, android Application Development training, software engineering training, embedded training, and uidesign Training
</Div>
</Div>
<Div style = "clear: both;"> </div>
<Div id = "page_loading"> </div>
<Div style = "height: 100px;"> </div>
</Body>
</Html>
<Script type = "text/javascript">
Var s = 0;
Var topHeight = $ (document). scrollTop ();
Var winHeight = $ (window). height ();
Var docHeight = $ (document). height ();
$ (Window). bind ("scroll", function (){
// Determine whether the scroll bar of the window is close to the bottom of the page
If ($ (document). scrollTop () + $ (window). height ()> $ (document). height ()-50 ){
// Determine whether the next page Link is blank
$. Ajax ({
Type: "POST ",
Url: "/course/pubuliu. php ",
Data: "s =" + s,
Async: false,
BeforeSend: function (){
// Alert ('remote call starts ...');
$ ("# Page_loading" pai.html (" ");
},
Success: function (msg ){
Var el = jQuery (msg );
$ ("# Container"). append (el). masonry ('appended', el, true );
},
Complete: function (){
// Alert ('remote call succeeded, status text value: '+ textStatus );
$ ("# Page_loading"). empty ();
}
});
S = s + 1;
}
});
Function unscroll (){
$ (Window). unbind ("scroll ");
}
</Script>
<Script type = "text/javascript">
$ (Function (){
$ ('# Iner'). masonry ({
ItemSelector: '. col ',
ColumnWidth: 245
});
});
</Script>
PHP file:
Simple database operations;
Effect Demo: http://www.miiceic.org.cn/anli/gongkaike/
From jjklmm
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
