實現了一個跑馬燈(marquee)

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<link href="公告欄.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<div id="announce" >
       <div id="div1">
       </div>
        <div id="div2">
            <marquee class="mar" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="2" scrolldelay="6" direction="up" height=               "100%"     vspace="0"   hspace="0">
                    <ul  id="ul1" style="padding-left:18px " >	
            		    <li> <a href="$" target="_blank">#服務器升級公告<!-- sjk--></a> <span class="red" >New</li>
                 	    <li> <a href="$" target="_blank">#lllllllllll-----------------llllllllllllllllll_----~~~~</a> </li>
         			    <li> <a href="$" target="_blank">#hahhaha ~~~~~~~!!!!!!((((((~~~))))))</a> </li>
          		        <li> <a href="$" target="_blank">#zzzzzzzzorzozrorzooooooorrrrrzzzzzzzzzz~~~~~~~!!!!!!((((((~~~))))))   </a> </li>
 					</ul>
            </marquee>
       </div>
</div>


</body>
</html>

******************************************************************************************************

/*CSS樣式*/

@charset "utf-8";
/* CSS Document */

#announce
{
	  height:240px;
	  width:200px;
	  background-color:#3F9;
      background:url(公告6.jpg) ;
	  color:#00F;
	  
}

#div1
{
	height:56px;
	width:140px;
	
    
}
#div2
{
	 height:185px; 
	 width:140px;
	 
}
.mar
{
	color:#414141;
	font-size:12px;
	line-height:17px;
}

#ul1
{
	width:140px;
	list-style-type:armenian;
}
.red
{
	color:red;
}






#ul1



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章