Heim >Web-Frontend >HTML-Tutorial >效果_html/css_WEB-ITnose
滚动效果
<marquee direction="up" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollAmount="1" scrollDelay="1"> <a href="http://baidu.com">1.垂直滚动字内容</a><br> 2.垂直滚动字内容<br> 3.垂直滚动字内容<br> 4.垂直滚动字内容<br> 5.垂直滚动字内容<br> </marquee>
Flash背景
<div id="Layer1" style="position:absolute; left:0; top:0; width:700; height:500; z-index:1; background: url(http://pic25.nipic.com/20121209/9252150_194258033000_2.jpg)"> <div align="center"> <embed src="11.swf" width="700" height="500" wmode="transparent"> </div></div>
布局
<style type="text/css"> #main{width:1024px;height:500px;margin:auto auto auto auto;} #left{width:40%;height:100%;float:left} #left_bottom{width:100%;height:60%;border:1px solid #dbdbdb;border-radius:5px;margin-top:5px;} #left_top{width:100%;height:40%;border:1px solid #dbdbdb;border-radius:5px;} #right{width:59%;height:100%;float:right;margin-left:5px;} #right_top{width:100%;height:50%;} .right_left{width:49%;height:100%;border:1px solid #dbdbdb;border-radius:5px;} </style> </head> <body> <div id="main"> <div id="left"> <div id="left_top" class=""> </div> <div id="left_bottom" class=""> </div> </div> <div id="right" class=""> <div id="right_top" class=""> <div class="right_left" style="float:left"> </div> <div class="right_left" style="float:right"> </div> </div> <div id="right_top" style="margin-top:7px;"> <div class="right_left" style="float:left"> </div> <div class="right_left" style="float:right"> </div> </div> </div> </div> </body>