<script src="../JS/jquery-1.4.4.js" type="text/javascript"></script> <s
想实现鼠标经过时显示内容效果<divid="conright"><ulid="menu"><liclass="list"style="background-image:u...
想实现鼠标经过时显示内容效果
<div id="conright">
<ul id="menu">
<li class="list" style="background-image: url(images/index_right_64.png);">最新</li>
<li class="list"> <a href="#">最新</a></li>
<li class="list"> <a href="#">最新</a></li>
</ul>
</div>
<div id="conrightli">
<ul id="main">
<li>
<asp:repeater id="rephotlist" runat="server">
<itemTemplate>
<li><span><%#Eval("UserEditDate", "{0:yyyy-MM-dd}")%>
</span> <a href="#"><%# PK.COMP.StringUtil.GetSubString(Eval("name").ToString(), 6)%></a> </li>
</itemTemplate>
</asp:repeater>
</li>
<li class="unblock">
hhh
</li>
<li class="unblock">
hook
</li>
</ul>
<table width="100" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="22" align="right" valign="bottom">
<a href="#" class="more">更多</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<script src="../JS/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () { //提示找不到对象!怎么回事?
$("#menu li .list").onmouseover(
function () { $("#main li").hide() },
function () { $("#main li .unblock").show() }
)
});
</script> 展开
<div id="conright">
<ul id="menu">
<li class="list" style="background-image: url(images/index_right_64.png);">最新</li>
<li class="list"> <a href="#">最新</a></li>
<li class="list"> <a href="#">最新</a></li>
</ul>
</div>
<div id="conrightli">
<ul id="main">
<li>
<asp:repeater id="rephotlist" runat="server">
<itemTemplate>
<li><span><%#Eval("UserEditDate", "{0:yyyy-MM-dd}")%>
</span> <a href="#"><%# PK.COMP.StringUtil.GetSubString(Eval("name").ToString(), 6)%></a> </li>
</itemTemplate>
</asp:repeater>
</li>
<li class="unblock">
hhh
</li>
<li class="unblock">
hook
</li>
</ul>
<table width="100" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="22" align="right" valign="bottom">
<a href="#" class="more">更多</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<script src="../JS/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () { //提示找不到对象!怎么回事?
$("#menu li .list").onmouseover(
function () { $("#main li").hide() },
function () { $("#main li .unblock").show() }
)
});
</script> 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询