最后一个li的效果不需要实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

  $(function(){

    var menu_li=$(".div_head li")

    menu_li.click(function() {

     $(this).addClass('active_h').siblings().removeClass('active_h');

     var menu_index=menu_li.index(this);

     $(".div1 > div").eq(menu_index).show().siblings().hide();

    });

  })

	$(function(){

		var li=$(".div_menu li:not(:last)");

		li.mouseover(function() {

			$(this).addClass('active').siblings().removeClass('active');

			

		});

		li.mouseout(function() {

			$(this).removeClass('active');

		});

	})

</script>

<style type="text/css">

 li{

 	list-style: none;

 }

 .div_head{



 }

 .div{

  width: 450px;

  margin: 100px auto;

  border: 1px solid #DCDCDC;

 }

 .div_head{

 	float: left;

 }

 .div_head li{

 	width: 50px;

 	height: 30px;

 	float: left;

 }

 .div_head li.active_h{

 	background: #00BCF3;

 	color: #FFF;

 }

 .div_menu{

 	float: left;

 	display: none;

 }

 .div_menu li{

 	width: 100px;

 	height: 100px;

 	display: inline-block;

 	border: 1px solid #313131;

 }

 .div_menu li.active{

 	border: 1px solid #00BCF3;

 }

</style>

</head>

<body>

	<div class="div">

		<div class="div_head">

		<ul>

			<li class="active_h">111</li>

			<li>222</li>

			<li>333</li>

		</ul>

	</div>

<div class="div1">

	<div class="div_menu" style="display: block;">

		<ul>

			<li></li>

			<li></li>

			<li></li>

			<li></li>

			<li></li>

		</ul>

	</div>

	<div class="div_menu">

		<ul>

			<li></li>

			<li></li>

			<li></li>

			<li></li>

			<li></li>

		</ul>

	</div>

</div>

	</div>

</body>

</html>

请问下 我想这里每个div_menu li:last都不需要效果 要怎么做啊