周末在写自己很不熟悉的css代码和js代码时候遇见了很多的问题,现在列举说一下(1)

 实现象csdn授页的那样的移动鼠标后可以变换内容效果

但是不是用的ajax,和由于数据要动态的读取.所以我的方法是

  < div  class = " activenews "  id = " con1 "  name = " con11 " >
                         < asp:Repeater ID = " newsRepeater1 "  runat = " server " >
                              < ItemTemplate >
                                      < a href = " http://online.cumt.edu.cn/news/newsread.aspx?id=<%#DataBinder.Eval(Container,  " DataItem.newsid " )%> " >
                                   <% #DataBinder.Eval(Container,  " DataItem.alttext " ) %> a >
                              ItemTemplate >
                     asp:Repeater >
                 div >
                 < div  class = " hiddennews "  id = " con2 "  name = " con12 " >
                
                      < asp:Repeater ID = " newsRepeater2 "  runat = " server " >
                             < ItemTemplate >
                                      < a href = " http://online.cumt.edu.cn/news/newsread.aspx?id=<%#DataBinder.Eval(Container,  " DataItem.newsid " )%> " >
                                     <% #DataBinder.Eval(Container,  " DataItem.alttext " ) %> a >
                              ItemTemplate >
                     asp:Repeater >
                 div >
                  < div  class = " hiddennews "  id = " con3 "  name = " con13 " >
                          < asp:Repeater ID = " newsRepeater3 "  runat = " server " >
                              < ItemTemplate >
                                      < a href = " http://online.cumt.edu.cn/news/newsread.aspx?id=<%#DataBinder.Eval(Container,  " DataItem.newsid " )%> " >
                                     <% #DataBinder.Eval(Container,  " DataItem.alttext " ) %> a >
                              ItemTemplate >
                     asp:Repeater >
                  div >
                 < div  class = " hiddennews "  id = " con4 "  name = " con14 " >
                      < asp:Repeater ID = " newsRepeater4 "  runat = " server " >
                              < ItemTemplate >
                                      < a href = " http://online.cumt.edu.cn/news/newsread.aspx?id=<%#DataBinder.Eval(Container,  " DataItem.newsid " )%> "   >
                                    <% #DataBinder.Eval(Container,  " DataItem.alttext " ) %> a >
                              ItemTemplate >
                     asp:Repeater >
                   
                    
                 div >

设置了4个,分别的读取一条记录来,那样就可以显示一个达到效果了,

利用的是改变对象的.classNam值来改变display属性

这样挺好的速度没一点影响到页面,