您所在的位置:小祥子 » 编程 » CSS » 正文

效果

时间:2015-08-14 编辑:路小路在路上 来源:CnBlogs

滚动效果

<marquee direction="up" height="20"   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(/article/UploadPic/2015-8/2015814704688.jpg)">
 <div align="center">
    <embed src="http://www.cnblogs.com/JSonlu/p/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>

  

关键词: