Heim > Artikel > Web-Frontend > 效果_html/css_WEB-ITnose
效果_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:38:54868Durchsuche
滚动效果
<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>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：用CSS和SVG制作饼图_html/css_WEB-ITnoseNächster Artikel：chrome插件postman安装问题_html/css_WEB-ITnose