首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

动态改变repeater中控件的样式的有关问题,求高手解救,

2012-08-29 
动态改变repeater中控件的样式的问题,求高手解救,急!用repeater动态生成菜单,返回了五条数据,在界面上就有

动态改变repeater中控件的样式的问题,求高手解救,急!
用repeater动态生成菜单,返回了五条数据,在界面上就有五个菜单,当我把鼠标放在<a>上的时候,<div id="Menu_img_img" class="greeStyle"> <img src="images/greenStyle.gif"/></div>会显示出来(默认隐藏),鼠标移开时隐藏,但实际效果确实我不论吧鼠标放在哪个菜单上,都是第一个菜单中的样式咋改变。求高手指教,谢谢了!主要代码如下:

C# code
<asp:Repeater ID="Repeater3" runat="server" DataSourceID="odsAlltype">            <ItemTemplate>                <div id="MenuType" onmouseover="return mouserover()" onmouseout="return mouserout()">                       <div id="MenuDescript" style="">                       <img id="Menu_img" src='<%#Eval("Imgsrc") %>'alt="" width="20px" height="20px"/>                        <a id="Menu_type" href="" class="Menu_a" mouserover()" onmouseout="return mouserout()">                        <%#Eval("Id") %><%#Eval("Type") %>                        </a>                             <br/><span id="Menu_english" class="Menu_english" ><%#Eval("English")%> </span><br/>                            <span id="Menu_mark"><%# Eval("Mark")%></span><br />                            <div id="Menu_img_img" class="greeStyle"> <img  src="images/greenStyle.gif"/></div>                        </div>                        <script type="text/javascript">                        function mouserover()                        {                        var span=document.getElementById("Menu_english");                        var div=document.getElementById("Menu_img_img");                        span.style.color="Gray";                        div.style.display="block";                        }                        function mouserout()                        {                        var span=document.getElementById("Menu_english");                        var div=document.getElementById("Menu_img_img");                        span.style.color="Silver";                        div.style.display="none";                        }                        </script>                </div>            </ItemTemplate>            </asp:Repeater>



[解决办法]
探讨
onmouseover="this.className='Mymouseover'; " onmouseout="this.className='Mynormal'; "
这样添加<a>的属性 设置2个class

[解决办法]
参考:
http://www.cnblogs.com/insus/archive/2011/08/18/2143996.html
http://www.cnblogs.com/insus/archive/2011/08/18/2144041.html
或者:
http://www.cnblogs.com/insus/archive/2011/10/17/2215637.html
http://www.cnblogs.com/insus/archive/2011/10/18/2216157.html

热点排行