当前位置： 代码迷 >> JavaScript >> 小弟不才，jquery渐变覆盖掉了<span>不得解，100分相送
  详细解决方案

小弟不才，jquery渐变覆盖掉了<span>不得解，100分相送

热度：161   发布时间：2013-09-05 16:02:06.0
小弟不才，jquery渐变覆盖掉了<span>不得解，在线等，100分相送


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

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

<style type="text/css">

<!--

.aljx_list{width:790px; height:130px;  overflow:hidden; padding-left:10px;}

.aljx_a {width:153px; height:130px; display:block; margin:5px 5px 0 0; background:#D0D4D7; float:left;z-index:1}

.aljx_a .aljx_title{color:#FFF; font-size:20px; font-weight:bold; margin:10px 0 0 10px; display:block; z-index:555}

.aljx_a span.hover {position: absolute;display: block;width:153px; height:125px;

background:#60bdf2; z-index:2}

.aljx_a span.hover .aljx_title { color:#FFF; }

-->

</style>

</head>



<body>







<div class="bd">

				<ul class="lh">

		  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

				<script type="text/javascript">

					$(document).ready(function() {

					$('.aljx_a').wrapInner('<span class="hover"></span>')

													.each(function () {

					$('span.hover').css('opacity', 0).hover(function () {

					$(this).stop().fadeTo(350, 1);

					}, function () {

					$(this).stop().fadeTo(350, 0);

					});

					});

					});

          </script>

          

				<div class="aljx_list" >

                    <a href="#" class="aljx_a" ><div class="aljx_title" >案例1</div><span class="aljx_ctnt" style="display:block; margin:10px 10px 0 10px; font-weight:bold; color:#333">本案例设计到以个以桥梁为住的斐波那契数列</span></a>

                    <a href="#"  class="aljx_a" >案例1</a>

             

                </div>

				</ul>

				

		</div>
  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.