文字滚动
方法１．
<marquee width="100%" height="" scrollamount="2" onMouseOver="this.stop()" onMouseOut="this.start()" direction="up"> 其中direction控制方向，scrollamount控制滚动速度，width和height根据周边实际情况设定。程序后加 </marquee>
小技巧：
当鼠标放在上面时就停止滚动,移开时又继续滚动
<marquee id="li" onmouseover="this.stop()"
onmouseout="this.start()">滚动内容</marquee>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
方法２.
Code<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
BODY {
FONT-SIZE: 12px; TEXT-ALIGN: center
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP:
0px; LIST-STYLE-TYPE: none
}
DIV.layout_main {
MARGIN-TOP: 5px; WIDTH: 900px}
DIV.layout_left {
FLOAT: left; WIDTH: 427px
}
.title_01 {
PADDING-LEFT: 10px; WIDTH: 426px; LINE-HEIGHT: 15px; HEIGHT: 22px! important;
BACKGROUND-COLOR: #ff6600; TEXT-ALIGN: left
}
.title_01 .title_left {
BORDER-TOP: #ff6600 6px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; WIDTH:
75px; COLOR: #666666; PADDING-TOP: 4px; HEIGHT: 24px; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN:
center
}
.title_01 .title_right {
FONT-SIZE: 12px; FLOAT: right; WIDTH: 360px; COLOR: #ffffff
}
.content_13 {
MARGIN-TOP: 5px; FLOAT: left; MARGIN-BOTTOM: 10px
}
.content_13 UL {
FLOAT: left; WIDTH: 425px; LINE-HEIGHT: 150%
}
.content_13 LI {
FLOAT: left; HEIGHT: 19px; TEXT-ALIGN: left
}
.content_13 .title {
FONT-WEIGHT: bold; WIDTH: 100px; TEXT-ALIGN: left
}
.content_13 .li01 {
WIDTH: 100px; TEXT-ALIGN: left
}
.content_13 .li02 {
WIDTH: 80px; TEXT-ALIGN: left
}
.content_13 .li03 {
WIDTH: 50px; TEXT-ALIGN: left
}
.content_13 .li04 {
WIDTH: 170px
}
#box1left LI {
PADDING-LEFT: 5px; PADDING-TOP: 4px; HEIGHT: 19px
}
#box1leftC{}
.gray {
COLOR: #cccccc
}
UL.greyText {
BORDER-BOTTOM: #cccccc 1px solid
}
.greyText LI {
TEXT-ALIGN: center
}
A:link {
COLOR: #3d362b
}
A:visited {
COLOR: #3d362b
}
A:hover {
COLOR: #ff6600
}
#icefable1C {
FLOAT: left
}
</STYLE>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY >
<DIV class=layout_main> <!--left/start-->
<DIV class=layout_left><!--阿里市场/start-->
<DIV class=title_01 id=title01>
<DIV class=title_right id=icefable1>
<DIV id=box1left>
<UL>
<LI><A title=成交总金额\ style="COLOR: #fff; TEXT-DECORATION: none"
href="http://page.china.alibaba.com/shtml/exchange/exchannel.shtml?
tracelog=auction_sy_rollingmarket"
target=_blank>近期成交总金额：<SPAN
style="COLOR: #fff; TEXT-DECORATION: underline">251553627</SPAN>元</A> <A
title=成交订单总数 style="COLOR: #fff; TEXT-DECORATION: none"
href="http://page.china.alibaba.com/shtml/exchange/exchannel.shtml?
tracelog=auction_sy_rollingmarket"
target=_blank>成交订单数：<SPAN
style="COLOR: #fff; TEXT-DECORATION: underline">16338</SPAN>笔</A> </LI>
<LI>贸易通商家： 5483669 人 供求信息数：9979572条 </LI>
<LI>近期最新供应：1197380条 近期最新求购：17708条 </LI></UL></DIV></DIV></DIV>
<SCRIPT type=text/javascript>
marque(320,19,"icefable1","box1left")
var scrollElem;
var stopscroll;
var stoptime;
var preTop;
var leftElem;
var currentTop;
var marqueesHeight;
function marque(width,height,marqueName,marqueCName){
try{
marqueesHeight = height;
stopscroll = false;
scrollElem = document.getElementById(marqueName);
with(scrollElem){
style.width = width;
style.height = marqueesHeight;
style.overflow = 'hidden';
noWrap = true;
}
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout = new Function('stopscroll = false');
preTop = 0;
currentTop = 0;
stoptime = 0;
leftElem = document.getElementById(marqueCName);
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
}catch(e) {}
}
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval('scrollUp()', 20);
}
function scrollUp(){
if(stopscroll) return;
currentTop += 1;
if(currentTop == marqueesHeight+1) {
stoptime += 1;
currentTop -= 1;
if(stoptime == (marqueesHeight)*4) {//停顿时间
currentTop = 0;
stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
scrollElem.scrollTop = marqueesHeight;
scrollElem.scrollTop += 1;
}
}
}
</SCRIPT>
<!--阿里市场/end-->
<!--报价产品-->
<DIV class=content_13>
<UL class=greyText>
<LI class=title>报价产品 </LI>
<LI class=li02>单价 </LI>
<LI class=li03>起定量 </LI>
<LI
class=li04> 厂家
<A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction0');"
href="http://page.china.alibaba.com/shtml/exchange/exchannel.shtml?
tracelog=auction_quotation_more"
target=_blank>更多</A> </LI></UL>
<DIV id=icefable1C>
<DIV id=box1leftC>
<UL>
<LI class=li01><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction1');"
href="http://yhls2001.cn.alibaba.com/athena/offerlist/yhls2001-sale-false.html?
tracelog=auction_quotation_goods"
target=_blank>学生书包</A> </LI>
<LI class=li02><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction1');"
href="http://yhls2001.cn.alibaba.com/athena/offerlist/yhls2001-sale-false.html?
tracelog=auction_quotation_price"
target=_blank>68.00元/个</A> </LI>
<LI class=li03><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction1');"
href="http://yhls2001.cn.alibaba.com/athena/offerlist/yhls2001-sale-false.html?
tracelog=auction_quotation_quantity"
target=_blank>200个</A> </LI>
<LI class=li04><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction1');"
href="http://yhls2001.cn.alibaba.com/athena/offerlist/yhls2001-sale-false.html?
tracelog=auction_quotation_company"
target=_blank>佛山艺华皮革制品有限公司</A> </LI></UL>
<UL>
<LI class=li01><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction2');"
href="http://ahcpc.cn.alibaba.com/athena/offerlist/ahcpc-sale-false.html?
tracelog=auction_quotation_goods"
target=_blank>喜糖袋</A> </LI>
<LI class=li02><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction2');"
href="http://ahcpc.cn.alibaba.com/athena/offerlist/ahcpc-sale-false.html?
tracelog=auction_quotation_price"
target=_blank>0.50元/个</A> </LI>
<LI class=li03><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction2');"
href="http://ahcpc.cn.alibaba.com/athena/offerlist/ahcpc-sale-false.html?
tracelog=auction_quotation_quantity"
target=_blank>500个</A> </LI>
<LI class=li04><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction2');"
href="http://ahcpc.cn.alibaba.com/athena/offerlist/ahcpc-sale-false.html?
tracelog=auction_quotation_company"
target=_blank>宁国市敞篷车时尚礼品商行</A> </LI></UL>
<UL>
<LI class=li01><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction3');"
href="http://bjpgwzj.cn.alibaba.com/athena/offerlist/bjpgwzj-sale-false.html?
tracelog=auction_quotation_goods"
target=_blank>琉璃饰品</A> </LI>
<LI class=li02><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction3');"
href="http://bjpgwzj.cn.alibaba.com/athena/offerlist/bjpgwzj-sale-false.html?
tracelog=auction_quotation_price"
target=_blank>0.50元/粒</A> </LI>
<LI class=li03><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction3');"
href="http://bjpgwzj.cn.alibaba.com/athena/offerlist/bjpgwzj-sale-false.html?
tracelog=auction_quotation_quantity"
target=_blank>1000粒</A> </LI>
<LI class=li04><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction3');"
href="http://bjpgwzj.cn.alibaba.com/athena/offerlist/bjpgwzj-sale-false.html?
tracelog=auction_quotation_company"
target=_blank>北京东方亨利珠宝首饰有限公司</A> </LI></UL>
<UL>
<LI class=li01><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction4');"
href="http://detail.china.alibaba.com/buyer/offerdetail/50570415.html?keywords=%B9%A9%D3%
A6500%CD%F2%CF%E0%CB%D8%CA%FD%C2%EB%C9%E3%CF%F1%BB%FA?tracelog=auction_quotation_goods"
target=_blank>数码摄像机</A> </LI>
<LI class=li02><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction4');"
href="http://detail.china.alibaba.com/buyer/offerdetail/50570415.html?keywords=%B9%A9%D3%
A6500%CD%F2%CF%E0%CB%D8%CA%FD%C2%EB%C9%E3%CF%F1%BB%FA?tracelog=auction_quotation_price"
target=_blank>895.00元/台</A> </LI>
<LI class=li03><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction4');"
href="http://detail.china.alibaba.com/buyer/offerdetail/50570415.html?keywords=%B9%A9%D3%
A6500%CD%F2%CF%E0%CB%D8%CA%FD%C2%EB%C9%E3%CF%F1%BB%FA?tracelog=auction_quotation_quantity"
target=_blank>2台</A> </LI>
<LI class=li04><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction4');"
href="http://detail.china.alibaba.com/buyer/offerdetail/50570415.html?keywords=%B9%A9%D3%
A6500%CD%F2%CF%E0%CB%D8%CA%FD%C2%EB%C9%E3%CF%F1%BB%FA?tracelog=auction_quotation_company"
target=_blank>深圳市英贝尔实业有限公司</A> </LI></UL>
<UL>
<LI class=li01><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction5');"
href="http://detail.china.alibaba.com/buyer/offerdetail/45445669.html?keywords=%B9%A9%D3%A6%
CB%BF%CD%E0%B5%A5%C9%AB%CB%BF%CD%E0%BB%A8?tracelog=auction_quotation_goods"
target=_blank>丝袜花</A> </LI>
<LI class=li02><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction5');"
href="http://detail.china.alibaba.com/buyer/offerdetail/45445669.html?keywords=%B9%A9%D3%A6%
CB%BF%CD%E0%B5%A5%C9%AB%CB%BF%CD%E0%BB%A8?tracelog=auction_quotation_price"
target=_blank>0.55元/条</A> </LI>
<LI class=li03><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction5');"
href="http://detail.china.alibaba.com/buyer/offerdetail/45445669.html?keywords=%B9%A9%D3%A6%
CB%BF%CD%E0%B5%A5%C9%AB%CB%BF%CD%E0%BB%A8?tracelog=auction_quotation_quantity"
target=_blank>10条</A> </LI>
<LI class=li04><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction5');"
href="http://detail.china.alibaba.com/buyer/offerdetail/45445669.html?keywords=%B9%A9%D3%A6%
CB%BF%CD%E0%B5%A5%C9%AB%CB%BF%CD%E0%BB%A8?tracelog=auction_quotation_company"
target=_blank>诸暨市草塔越健针织厂</A> </LI></UL>
<UL>
<LI class=li01><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction6');"
href="http://detail.china.alibaba.com/buyer/offerdetail/48382648.html?keywords=%B9%A9%D3%A6%
CD%AF%D7%B0?tracelog=auction_quotation_goods"
target=_blank>童装</A> </LI>
<LI class=li02><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction6');"
href="http://detail.china.alibaba.com/buyer/offerdetail/48382648.html?keywords=%B9%A9%D3%A6%
CD%AF%D7%B0?tracelog=auction_quotation_price"
target=_blank>16.00元/条</A> </LI>
<LI class=li03><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction6');"
href="http://detail.china.alibaba.com/buyer/offerdetail/48382648.html?keywords=%B9%A9%D3%A6%
CD%AF%D7%B0?tracelog=auction_quotation_quantity"
target=_blank>20条</A> </LI>
<LI class=li04><A
onmousedown="return aliclick(this,'?tracelog=ui_chinaindex_auction6');"
href="http://detail.china.alibaba.com/buyer/offerdetail/48382648.html?keywords=%B9%A9%D3%A6%
CD%AF%D7%B0?tracelog=auction_quotation_company"
target=_blank>湖州织里丫丫兔制衣厂</A> </LI></UL>
</DIV></DIV></DIV>
<SCRIPT language=JavaScript>
<!--
try{
var marqueesHeightC = 76;
var stopscrollC = false;
var scrollElemC = document.getElementById("icefable1C");
with(scrollElemC){
style.width = 420;
style.height = marqueesHeightC;
style.overflow = 'hidden';
noWrap = true;
}
scrollElemC.onmouseover = new Function('stopscrollC = true');
scrollElemC.onmouseout = new Function('stopscrollC = false');
var preTopC = 0;
var currentTopC = 0;
var stoptimeC = 0;
var leftElemC = document.getElementById("box1leftC");
scrollElemC.appendChild(leftElemC.cloneNode(true));
init_srolltextC();
}catch(e) {}
function init_srolltextC(){
scrollElemC.scrollTop = 0;
setInterval('scrollUpC()', 19);
}
function scrollUpC(){
if(stopscrollC) return;
currentTopC += 1;
if(currentTopC == 77) {
stoptimeC += 1;
currentTopC -= 1;
if(stoptime == 10) {
currentTopC = 0;
stoptimeC = 0;
}
}else{
preTopC = scrollElemC.scrollTop;
scrollElemC.scrollTop += 1;
if(preTopC == scrollElemC.scrollTop){
scrollElemC.scrollTop = 0;
scrollElemC.scrollTop += 1;
}
}
}
//-->
</SCRIPT>
<!--市场分类/start--><!--市场分类/end--><!--支付宝交易专区/start--><!--支付宝交易专区/end--><!
--行业类目/start--><!--行业类目/start-->
<!--行业类目/end-->
<!--行业类目/end-->
</DIV>
</DIV>
<!--left/end--><!--right/start-->
<!--right/end-->
<!--左下/start-->
<!--左下/end-->
</BODY></HTML>
浙公网安备 33010602011771号