当前位置:首页 > 开发 > Web前端 > 前端 > 正文

小悬浮窜口 div

发表于: 2013-12-25   作者:annan211   来源:转载   浏览:
摘要: <div class="confirmimage-ctn"> <h3>层级树</h3> <div style="float:right;margin-right:130px;"> <p class="dtTree_b
<div class="confirmimage-ctn">
			          <h3>层级树</h3>
			          	<div  style="float:right;margin-right:130px;">
							<p class="dtTree_btn"><a href="javascript: dtTree.openAll();">打开树列表</a> | <a href="javascript: dtTree.closeAll();">关闭树列表</a></p>
								<div class="intermediaryTree-ctn">
								</div>
						<div class="clearfix"></div>
					</div>
			          <span class="icon"></span>
		        </div>


下面是样式表
  	.confirmimage-ctn{
	position:absolute;
	bottom: 450px;
	right: 600px;
	width:400px;
	padding:5px;
	border:3px solid #666;
	height:300px;
	background-color: #fff;
}
	.confirmimage-ctn h3{ font-size:16px; padding-bottom:5px; border-bottom:2px solid #eee; margin-bottom: 10px}
	.confirmimage-ctn li{float:left; width:200px; text-align:center; height:125px; }
	.confirmimage-ctn .icon{
	position:absolute; top:135px; left:-33px;
	border-width: 15px;
	border-style: solid;
	border-color: #F8F8F8 #666 #F8F8F8 #F8F8F8;
}

小悬浮窜口 div

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号