效果_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:38:54936瀏覽
滚动效果
<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>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn