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

JQuery新闻滚动的实现方法(常用笔记1)的更多相关文章

  1. jquery 新闻滚动效果

    $(function () {     var scrollTimer = null;     var delay = 2000;     //1.鼠标对新闻触发mouseout事件后每2s调用scr ...

  2. 【js与jquery】jquery循环滚动新闻

    2.html代码: <h3>最新动态</h3> <div class="scrollNews" > <ul> <li>& ...

  3. 基于jQuery实现滚动新闻代码下载

    分享一款基于jQuery实现滚动新闻代码下载.这是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div ...

  4. 两种常用的jquery事件加载的方法 的区别

    两种常用的jquery事件加载的方法   $(function(){});  window.onload=function(){}  第一个呢,是在DOM结构渲染完成以后调用的,这时候网页中一些资源还 ...

  5. jquery 数字滚动方法

    jquery 数字滚动方法用的是countUp.js这个插件 target = 目标元素的 ID:startVal = 开始值:endVal = 结束值:decimals = 小数位数,默认值是0:d ...

  6. Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)

    jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...

  7. 利用jQuery无缝滚动插件liMarquee实现图片(链接)和文字(链接)向右无缝滚动(兼容ie7+)

    像新闻类的版块经常要求一条条的新闻滚动出现,要实现这种效果,可以使用jQuery无缝滚动插件liMarquee. 注意: 1. 它的兼容性是IE7+,及现代浏览器. 2. 引用的jquery的版本最好 ...

  8. JQuery的核心的一些方法[扒来的]

    JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数,是个属性 $("Element" ...

  9. JQuery中each()的使用方法说明

    JQuery中each()的使用方法说明 对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的eac ...

随机推荐

  1. 【源码笔记】Nop定时任务

    网站需要定时执行不同的任务,比如清理无效的数据.定时发送mail等,Nop的这个定时任务设计比较好,简单的说就是将所有任务相同的属性持久化,具体的执行通过继承接口来实现. 持久化对象:Schedule ...

  2. js DOM优化相关探索

    我在这尝试两个方面:-->DOM与js -->DOM与浏览器 (最近在秒味视频上学到不少,哈哈哈) 一.DOM与js 1.js与dom的交互问题 频繁的与dom交互,是一件浪费时间与金钱的 ...

  3. Unity3d使用经验总结 数据驱动篇

    我这里说的数据驱动,不是指某种框架,某种结构,或者某种编码方式. 我要说的,是一种开发方式. 大家都知道,U3D中,我们可以为某个对象编写一个脚本,然后将这个脚本挂在对象上,那这个对象就拥有了相应的能 ...

  4. [Unity3D入门]分享一个自制的入门级游戏项目"坦克狙击手"

    [Unity3D入门]分享一个自制的入门级游戏项目"坦克狙击手" 我在学Unity3D,TankSniper(坦克狙击手)这个项目是用来练手的.游戏玩法来自这里(http://ww ...

  5. AWS re:Invent 2014回顾

    亚马逊在2014年11月11-14日的拉斯维加斯举行了一年一度的re:Invent大会.在今年的大会上,亚马逊一股脑发布和更新了很多服务.现在就由我来带领大家了解一下这些新服务. 安全及规范相关 AW ...

  6. Java-继承,多态练习09-22-01

    1.实现如下类之间的继承关系,并编写Music类来测试这些类. 父类: package com.lianxi; public class Instrument { //属性 private Strin ...

  7. thinkphp里的session、cookie方法

    thinkphp里,对于session和cookie的操作,不管是存值.获取.删除,均只有一个方法.现分享出来,供大家参考参考. /** * session管理函数 * @param string|a ...

  8. Atitit。木马病毒原理机密与概论以及防御

    Atitit.木马病毒原理机密与概论以及防御 1. 定时截屏木马1 1.1. QQ聊天与微信聊天木马1 2. 文档木马1 3. 病毒木马的触发方式2 4. 远程木马2 5. 漏洞木马2 6. 病毒木马 ...

  9. paip.mysql 性能测试 报告 home right

    paip.mysql  性能测试 报告 home right 作者Attilax  艾龙,  EMAIL:1466519819@qq.com  来源:attilax的专栏 地址:http://blog ...

  10. 如何优雅的使用vue+vux开发app -03

    如何优雅的使用vue+vux开发app -03 还是一个错误的示范,但是离优雅差的不远了... <!DOCTYPE html> <html> <head> < ...