This is my Chinese speed dial. This is an extension of operabrowser. The extended function is to reduce the number of opera speed dials. Sometimes you may have added all the websites you are interested in to your speed dial, and some useful websites have no place. In this way, this small expansion will help you, because I have collected some of the websites that our domestic netizens prefer and some practical websites, in this way, you can browse the Web page more easily.
Of course, the function is not complete enough, and some specific code is below. I very much hope that you will give me some suggestions to make this expansion better. At present, this expansion is being tested on the official website of opera. I don't know how long it will take. Well, I will share with you on my Sina Weibo: [Weibo]
<! 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">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> Chinese Speed dial </title>
<Base target = "_ blank">
<Style>
* {Margin: 0; padding: 0; Border: 0; List-style: none ;}
Body {Font: 12px verdana, Geneva, sans-serif; line-Height: 18px; color: #333 ;}
A {text-Decoration: none; color: #004285; font-size: 14px; font-weight: bold ;}
A: hover {text-Decoration: underline; color: # c33 ;}
. Rig {border: 1px solid # dedede; width: 750px; margin-bottom: 5px; position: relative; Background: # FFF ;}
# Qy a {font-size: 12px ;}
H5 span a {font-size: 12px; font-weight: normal; color: #333 ;}
H5 {padding: 0 10px; font-size: 11px; Height: 30px; line-Height: 30px; Background: URL (/upload/201005/20100530223157155 .jpg? 1259835263) left center repeat-X; border-bottom: 1px solid # dedede ;}
SPAN {float: Right ;}
</Style>
</Head>
<Body>
<Div class = "Rig">
<H5> <span> <a href = "http://t.sina.com.cn/lbj96347"> powered by cashlee </a> </span> Chinese Speed dial </H5>
<Div id = "QY" style = "width: 720px; margin: 7px 10px 5px; Height: 140px; overflow: hidden" onmouseover = "qiscrollamount = 0"
Onmouseout = "qiscrollamount = 2">
<Ul>
<Li id = "tab1">
<Table border = '0' cellspacing = '0' cellpadding = '0' width = '20px '>
<! -- This is the first diallist -->
<Tr>
<TD> <a href = "http://t.sina.com.cn/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.renren.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.qqzone.com/" target = "_ blank"> </A> </TD>
<TD> <a href = "http://www.diandian.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://t.qq.com/" target = "_ blank"> </a> </TD>
</Tr>
<! -- This is the first diallist -->
<! -- This is the second diallist -->
<Tr>
<TD> <a href = "http://www.ccb.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.abchina.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.boc.cn/" target = "_ blank"> </A> </TD>
<TD> <a href = "http://www.icbc.com.cn/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.alipay.com/" target = "_ blank"> </a> </TD>
</Tr>
<! -- This is the third diallist -->
<Tr>
<TD> <a href = "http://www.taobao.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.joyo.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.360buy.com/" target = "_ blank"> </A> </TD>
<TD> <a href = "http://www.dangdang.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.vancl.com/" target = "_ blank"> </a> </TD>
</Tr>
<! -- One row -->
<Tr>
<TD> <a href = "http://www.xunlei.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.yinyuetai.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.verycd.com/" target = "_ blank"> </A> </TD>
<TD> <a href = "http://www.tudou.com/" target = "_ blank"> </a> </TD>
<TD> <a href = "http://www.youku.com/" target = "_ blank"> <A> </TD>
</Tr>
<! -- One row -->
<! -- One row -->
<! -- One row -->
</Table>
</LI>
<Li id = "tab2"> </LI>
</Ul>
</Div>
<Style>
# BTM {position: absolute; Right: 0; top: 70px; width: 12px; Height: 140px; no-Repeat; overflow: hidden ;}
# Btm a {display: block; Height: 30px ;}
# Btm a # Up: hover {-3px-10px no-Repeat ;}
# Btm a # DW: hover {-3px-25px no-Repeat ;}
</Style>
<Div id = "BTM"> <A> </a> <a id = "up" onclick = "Up ()" href = "javascript :; "Target =" _ Self "> cursor </a> <a id =" DW "onclick =" DW () "href =" javascript :; "Target =" _ Self "> warning </a> </div>
<! -- This beginning of the script -->
<SCRIPT>
VaR qomarquee = Document. getelementbyid ("QY"); // scroll object
VaR tab1 = Document. getelementbyid ("tab1 ");
VaR tab2 = Document. getelementbyid ("tab2 ");
VaR qilineheight = 140; // Single Row Height, pixel IE
VaR qilinecount = 0; // actual number of rows
VaR qiscrollamount = 2; // The height of each scroll, pixel (speed)
VaR speed1 = 3500; // each stay time
VaR speed2 = 1; // scroll speed
VaR num = qomarquee. getelementsbytagname ('img '). length; // total
Tab2.innerhtml = tab1.innerhtml;
VaR alink = Document. getelementbyid ('btm '). getelementsbytagname ('A ');
For (VAR I = 0; I <alink. length; I ++ ){
Alink [I]. onfocus = function () {This. Blur ();}
}
Function run (){
If (qomarquee. scrolltop = num * qilineheight) {qomarquee. scrolltop = 0; window. setTimeout ("Run ()", speed2);} // reset and scroll
Else {
Qomarquee. scrolltop + = qiscrollamount;
If (qomarquee. scrolltop % qilineheight = 0) {window. setTimeout ("Run ()", speed1) ;}// wait for n seconds if the grid is full
Else {window. setTimeout ("Run ()", speed2);} // normal scrolling
}
}
Function up (){
Qiscrollamount = 0;
VaR amount = 1;
If (qomarquee. scrolltop = num * qilineheight) qomarquee. scrolltop = 0;
Qomarquee. scrolltop + = amount;
If (qomarquee. scrolltop % qilineheight = 0) {amount = 0; window. setTimeout ("qiscrollamount = 2", speed1 );}
Else window. setTimeout (up (), 1 );
}
Function DW (){
Qiscrollamount = 0;
VaR amount = 1;
If (qomarquee. scrolltop = 0) qomarquee. scrolltop = num * qilineheight;
Qomarquee. scrolltop-= amount;
If (qomarquee. scrolltop % qilineheight = 0) {amount = 0; window. setTimeout ("qiscrollamount = 2", speed1 );}
Else window. setTimeout (dw (), 1 );
}
Window. setTimeout ("Run ()", speed1 );
</SCRIPT>
<! -- This is the end of the script -->
</Div>
</Body>
</Html>
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
