Maison > interface Web > tutoriel HTML > 效果_html/css_WEB-ITnose

效果_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:38:54
original
939 Les gens l'ont consulté

滚动效果

<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>
Copier après la connexion

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>
Copier après la connexion

布局

<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>
Copier après la connexion

  

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal