zoukankan      html  css  js  c++  java
  • 效果

    滚动效果

    <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; 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{1024px;height:500px;margin:auto auto auto auto;}
    	#left{40%;height:100%;float:left}
    	#left_bottom{100%;height:60%;border:1px solid #dbdbdb;border-radius:5px;margin-top:5px;}
    	#left_top{100%;height:40%;border:1px solid #dbdbdb;border-radius:5px;}
    	#right{59%;height:100%;float:right;margin-left:5px;}
    	#right_top{100%;height:50%;}
    	.right_left{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>
    

      

  • 相关阅读:
    Linux关闭jetty服务器脚本
    TreeMap 源码解读
    LinkedHashMap 源码解读
    HashTable 源码解读
    MappedByteBuffer文件句柄释放问题
    HashMap源码解读
    Java 对象创建过程
    java 虚拟机内存介绍
    dubbo 部署
    kotlin 学习入门
  • 原文地址:https://www.cnblogs.com/Jsonlu/p/4728888.html
Copyright © 2011-2022 走看看