求高手帮我改下代码改成兼容ie6

背离终点 2011-09-07 12:11:12



<!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=gb2312" />

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

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

<style type="text/css">

.rp_list {

	font-family:Verdana, Helvetica, sans-serif;

	right:-190px;

	top:40px;

	margin:0;

	padding:0;

	position:fixed;

}



.rp_list ul{

	margin:0;

	padding:0;

	list-style:none;

}

.rp_list ul li{

	width: 200px;

	margin-bottom:5px;

	display:none;

}

.rp_list ul li div{

	display: block;

	line-height:15px;

	width: 200px;

	height: 80px;

	background:#B6D0E7;

	border:1px solid #1A76B7;

	-moz-border-radius:5px 0px 0px 5px;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

	border-top-left-radius: 5px;

}

.rp_list ul li div img{

	width:20px;

	height:78px;

	border:none;

	float:left;

	margin:0px 10px 0px 0px;

	border:1px solid #111;

	-moz-box-shadow:1px 1px 3px #000;

	-webkit-box-shadow:1px 1px 3px #000;

	box-shadow:1px 1px 3px #000;

}

span.rp_name

{

    white-space:normal;

    word-wrap:break-word;

    word-break:break-all;

	width:10px;

	float:left;

	margin:0px 10px 0px 0px;

	border:1px solid #111;

	-moz-box-shadow:1px 1px 3px #000;

	-webkit-box-shadow:1px 1px 3px #000;

	box-shadow:1px 1px 3px #000;

	font-size:12px;

	color:#fff;

	font-weight:bold;

	background:url(../images/rp_name.png) repeat-y;

	overflow:hidden;

}

span.e

{

	height:72px;

	padding:3px 5px;

	line-height:1.2em;

}

span.c

{

	height:72px;

	padding:4px 6px 2px 4px;

	line-height:1.5em;

}

span.rp_title{

	font-size:11px;

	color:#284775;

	height:44px;

	line-height:20px;

	margin:4px 0px 0px 30px;

	display:block;

	text-shadow:1px 1px 1px #000;

	padding-top:3px;

	-moz-box-shadow:0px 0px 5px #000 inset;

	-webkit-box-shadow:0px 0px 5px #000 inset;

	box-shadow:0px 0px 5px #000 inset;

	width:160px;

}

span.rp_links{

	width:160px;

	padding-top:2px;

	display:block;

	margin-left:30px;

	text-align:right;

}

span.rp_title table

{

  margin-top:-7px;

}

</style>

</head>



<body>

 <div id="rp_list" class="rp_list">

	<ul>

		<li><div>

			<span class="rp_name e">EXCEL</span><span class="rp_title">导出Excel表格<br/>名称</span>

			<span class="rp_links"></span>

		</div></li>

	</ul>

</div>





<script type="text/javascript"> 

$(function() {

				var $list = $('#rp_list ul');

				var elems_cnt = $list.children().length;

				load(-10);				

				function load(initial){

					$list.find('li').hide().andSelf().find('div').css('margin-left',-initial+'px');

					for (i=0;i<elems_cnt;i++)

					{

						$list.find('li:eq('+ i+')').show();

					}

					var d = 200;

					$list.find('li:visible div').each(function(){

						$(this).stop().animate({

							'marginLeft':'-10px'

						},d += 100);

					});

				}

					

				$list.find('li:visible').live('mouseenter',function () {

					$(this).find('div').stop().animate({

						'marginLeft':'-190px'

					},500);

				}).live('mouseleave',function () {

					$(this).find('div').stop().animate({

						'marginLeft':'-10px'

					},500);

				});				

            });

</script>



</body>

</html>