HTML page:
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml%22%3E%3Chead>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8">
<Title> imgnews </title>
<Meta http-equiv = "X-UA-compatible" content = "Ie = emulateie7">
<Link href = "style/imgnews.css" rel = "stylesheet" type = "text/CSS">
<SCRIPT src = "style/imgnews. js" type = "text/JavaScript" Language = "JavaScript"> </SCRIPT>
</Head> <body>
<Div class = "inner">
<Div class = "Focus Clearfix">
<Div class = "big_img" id = "div_big_news_img">
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2497.jpg"> </a>
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2419.jpg"> </a>
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2484.jpg"> </a>
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2392.jpg"> </a>
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/1812.jpg"> </a>
</Div>
<Ul id = "ul_big_news_item" class = "home">
<Li onmouseover = "B. Turn (0)" onmouseout = "B. Auto ()" class = "up">
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2497.jpg"> </a>
<DL> <DT> <a href = "http://www.biao168.com/"> "My brother is shunjing" CCTV revolutionary war drama </a> </DT> <DD> starring Wang Baoqiang Zhang Guoqiang, the audience rating exceeds "Liang Jian" </DD> </dl>
</LI>
<Li onmouseover = "B. Turn (1)" onmouseout = "B. Auto ()" class = "">
<A href = http://www.biao168.com "> </a>
<DL> <DT> <a href = "http://www.biao168.com/"> "The Legend of the fairy sword three" screen summer files must watch drama </a> </DT> <DD> popular game adaptation, thunder looks at the full-definition premiere of HD </DD> </dl>
</LI>
<Li onmouseover = "B. Turn (2)" onmouseout = "B. Auto ()" class = "">
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2484.jpg"> </a>
<DL> <DT> <a href = "http://www.biao168.com/"> sun honglei's Revolutionary Epic </a> </DT> <DD>, presented to the 60 th anniversary of the founding of new China </DD> </dl>
</LI>
<Li onmouseover = "B. Turn (3)" onmouseout = "B. Auto ()" class = "">
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/2392.jpg"> </a>
<DL> <DT> <a onclick = "L ('b0041" smile in my heart "teach you seven tricks to pick up girls ;') "href =" http://www.biao168.com/">" smile in my heart "teach you seven girls trick </a> </DT> <DD> Zhang jiaxiao, Mingdao to build youth Inspirational Idol drama </DD> </dl>
</LI>
<Li onmouseover = "B. Turn (4)" onmouseout = "B. Auto ()" class = "">
<A href = "http://www.biao168.com % 22% 3E % 3 cimg/src =" images/1812.jpg"> </a>
<DL> <DT> <a href = "http://www.biao168.com % 22% 3 evancl/challenge extreme shopping experience free shipping for the whole site </a> </DT> <DD> double beaded double buckle short sleeve poloshirt, four items, 199 RMB </DD> </dl>
</LI>
</Ul>
</Div> <! -- // Focus Clearfix -->
</Div> <! -- // Inner -->
</Body>
JS file;
<! --
VaR B = bignews = {current: 0, next: 0, scrollinterval: 0, autoscroller: 0 };
Bignews. Turn = function (INDEX ){
Clearinterval (bignews. autoscroller );
Bignews. Scroll (INDEX );
}
Bignews. Scroll = function (INDEX ){
If (! $ ('Ul _ big_news_item ')){
Clearinterval (bignews. autoscroller );
Return;
}
VaR COUNT = 0;
VaR step = 227;
VaR duration = 16;
VaR B = bignews;
B. Next = index;
If (index! = B. Current & COUNT> duration/8 ){
Return;
}
Clearinterval (B. scrollinterval );
VaR items = $ ('ul _ big_news_item '). getelementsbytagname ('lil ');
For (VAR I = 0; I <5; I ++ ){
Items [I]. classname = '';
}
Items [Index]. classname = 'up ';
VaR span = index-b.current;
VaR begin_value = $ ('div _ big_news_img '). scrolltop;
VaR chang_in_value = span * Step + (B. Current * step-begin_value );
B. scrollinterval = setinterval (function () {doit (begin_value, chang_in_value)}, 10 );
Function $ (s) {return document. getelementbyid (s );}
Function doit (B, c ){
$ ('Div _ big_news_img '). scrolltop = CPU (count, B, c, duration );
Count ++;
If (COUNT = duration ){
Clearinterval (bignews. scrollinterval );
Scrollinterval = 0;
Count = 0;
$ ('Div _ big_news_img '). scrolltop = B + C;
Bignews. Current = index;
}
}
Function CPU (T, B, C, D) {return C * (t = T/D-1) * T * t + 1) + B ;};
}
Bignews. Auto = function (){
Clearinterval (bignews. autoscroller );
Bignews. autoscroller = setinterval (function (){
Bignews. Scroll (bignews. Current = 4? 0: bignews. Current + 1 );
},5000 );
}
If (window. addeventlistener ){
Window. addeventlistener ('onload', bignews. Auto, false );
} Else if (window. attachevent ){
Window. attachevent ('onload', bignews. Auto );}
Else {
//
};
-->
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
