背景素材:
示例代码:
<!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=utf-8" />
<title>实现文本滚动</title>
<style type="text/css">
* {
margin:0;
padding:0;
border:0;
}
#box {
width:456px;
height:291px;
background-image:url(bg.jpg);
overflow:hidden;
}
#main {
width:360px;
height:216px;
margin-top:75px;
font-size: 12px;
color: #333333;
line-height: 20px;
margin-left:auto;
margin-right:auto;
}
</style>
</head>
<body>
<div id="box">
<div id="main">
<!--设置文本滚动方向,滚动区域宽度、高度、速率及鼠标作用效果-->
<marquee direction="up" width="360" height="165" scrollamount="2" onmouseover="stop();" onmouseout="start();"> 6月23日,对于电子竞技爱好者来说又是激动的开始,今天离WCG2006世界总决赛开始还有100开,今年的WCG将会于9月23日-10月3日(美国时间)在美国洛杉机会议中心进行,这个地方曾经举办了著名的E3游戏展,经历了去年的成功之后,今年的WCG将更令人期待。<br />
2006年西班牙重新加入了WCG的大家庭,他们也是有着光荣的电子竞技史,西班牙上帝所在的CS和西班牙兽王Lucifron。在这100天里,世界总决赛的参赛 选手将逐渐产生,中国区总决赛将于7月24日至25日在北京进行。不同于往年,今年WCG组委会并没有设立复活赛,这样如EHOMZE、Yumiko等在分赛区马失前蹄的高手们就彻底告别了本届WCG。
</marquee>
</div>
</div>
</body>
</html>
效果:
推荐一个自己业余时间开发的网盘搜索引擎,360盘搜(www.360panso.com)