效果

滚动效果

<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>

　　

posted @ 2015-08-14 06:56  JsonLu  阅读(360)  评论(0)  编辑  收藏  举报