Heim >Web-Frontend >HTML-Tutorial >效果_html/css_WEB-ITnose

效果_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:38:54946Durchsuche

滚动效果

<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