日期:2014-05-17  浏览次数:20520 次

动态改变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