javaweb學習筆記 麵包屑模仿和背景圖片拉滿平鋪
阿新 • • 發佈:2018-12-19
建立類似麵包屑路徑一樣的效果
下面是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>