.mouseover() //经过子元素也会触发 .mouseenter() //经过被选元素才会触发 .mouseout() //离开子元素也会触发 .mouseleave() //离开被选元素才会触发
.Hide() //隐藏 .Show() //显示 .FadeIn() //淡入 .FadeOut() //淡出
<script type="text/javascript"> ); $(document).ready(function () { $("li","#news_ul").mouseenter(function () { clearInterval(t); $("#news_content", this).css("color", "red"); }) $("li", "#news_ul").mouseleave(function () { t = setInterval(); $("#news_content", this).css("color", "#e45121"); }) $("li", "#categories").mouseenter(function () { $(this).css("background-color", "#c3cbdb"); }) $("li", "#categories").mouseleave(function () { $(this).css("background-color", "white"); }) }); function AutoScroll(obj) { $(obj).find(, function () { $(this).css({marginTop:"0px"}).find("li:first").appendTo(this); }); } </script>
<section id="isBIM_news_content"> <div class="isBIM_single_news"> <ul id="news_ul"> <li> <div id="news_content">快速过滤模块属于通用模块,用户可不限数量从Revit元素选择所需元素,并对元素执行选择,隔离,隐藏操作。</div> <div id=--</div> <hr /> </li> <li> <div id="news_content">新闻联播准备开始。</div> <div id=--</div> <hr /> </li> <li> <div id="news_content">美国队长3于2016年5月6日上映,该片由Marvel与sony娱乐共同提供版权,非常精彩。</div> <div id=--</div> <hr /> </li> </ul> </div> </section>
自己做网站正好用到,所有消息是放在一个Div层里的ul中,每条消息是放在ul的li中。li中可根据自己需求加入一些<a>,<image>,<div>。可作为前端测试使用。