JQuery新闻滚动的实现方法(常用笔记1)

.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>。可作为前端测试使用。

上一篇:Bootstrap<基础二> 网格系统


下一篇:ORACLE导入梗