1. 程式人生 > >javaweb學習筆記 麵包屑模仿和背景圖片拉滿平鋪

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>