效果_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:38:54
원래의
906명이 탐색했습니다.

滚动效果

<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>
로그인 후 복사

  

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿