javaweb学习笔记 面包屑模仿和背景图片拉满平铺

创建类似面包屑路径一样的效果

下面是js代码

 /****模仿面包屑导航一级导航*****/
	$(document).ready(function() {
		$(".title").click(function() {
			var con = $(this).html();
			$("#getTitle").html(con);
			//alert(con);  
		});
	});

左菜单 

<div class="left_menu">
			<ul>
				<li class="title"><a href="user_active.jsp" target="main_right">当前用户</a>
				</li>
				<li class="title"><a href="user_alter.jsp" target="main_right">修改信息</a>
				</li>
				<li class="title"><a href="user_manager.jsp"
					target="main_right">管理用户</a></li>
				<li class="title"><a href="user_add.jsp" target="main_right">添加用户</a></li>
			</ul>
		</div>

显示菜单

<ul>
					<li><img src="./images/home.png"></li>
					<li style="margin-left: 25px;">您当前的位置：</li>
					<li><div id="getTitle">
							<a href="#">系统主界面</a>
						</div></li>

				</ul>

设置整个页面背景图片并平铺拉伸使其填满

<style type="text/css">
 body{    
        background-image: url(./images/main_right.png);    
        background-size:cover;  
     }  
</style>