新闻自动滚动

<div class="container ">    <div class="row">        <div class="panel panel-default">            <div class="panel-heading">                <span class="glyphicon glyphicon-list-alt"></span><b>大家来吐槽</b></div>            <div class="panel-body">                <div class="row">                    <ul class="demo1" id="xiaoxi">                        <li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/1.png" width="60" class="img-circle"/></td>                                    <td>又一天过去了。今天过得怎么样,梦想是不是更远了?</td>                                </tr>                            </table>                            <hr>                        </li>

<li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/2.png" width="60" class="img-circle"/></td>                                    <td>是金子早晚也会花光 但如果你是石头 到哪里都不会发光的</td>                                </tr>                            </table>                            <hr>                        </li>                        <li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/3.png" width="60" class="img-circle"/></td>                                    <td>长得丑就是病,不然整形医院为什么会是医院。</td>                                </tr>                            </table>                            <hr>                        </li>                        <li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/4.png" width="60" class="img-circle"/></td>                                    <td>假如今天生活欺骗了你,不要悲伤,不要心急,因为明天生活还会继续欺骗你                                        多被骗几次你就习惯了                                    </td>                                </tr>                            </table>                            <hr>                        </li>                        <li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/5.png" width="60" class="img-circle"/></td>                                    <td>如果你觉得自己,整天累得跟狗一样。

  你真是误会大了,狗都没有你这么累。                                    </td>                                </tr>                            </table>                            <hr>                        </li>                        <li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/6.png" width="60" class="img-circle"/></td>                                    <td>长相是上一代给的,教育是上一代定的,

  观念是上一代教的,环境是上一代留的,

  居然还好意思说:一代不如一代。                                    </td>                                </tr>                            </table>                            <hr>                        </li>                        <li class="news-item">                            <table cellpadding="4">                                <tr>                                    <td><img src="img/7.png" width="60" class="img-circle"/></td>                                    <td>我相信只要努力工作就一定能取得成功。当年刚工作时我身无分文,但凭借着踏实工作和勤奋好学,我银行里不仅不再是零存款,还成功的欠了他们一大笔钱。</td>                                </tr>                            </table>                            <hr>                        </li>                    </ul>                </div>            </div>        </div>    </div>

</div><script>    $(function () {        $(".demo1").bootstrapNews({            newsPerPage:4,            autoplay: true,            direction: ‘up‘,            newsTickerInterval: 2000,           /* onToDo: function () {            }*/        });    });</script>
时间: 2024-11-05 20:44:29

新闻自动滚动的相关文章

怎么停止LogCat的自动滚动?

============问题描述============ 真机调试时,想看看所有的调试消息,但是Logcat老是自动滚动,就是有新的调试消息时,就会自动向上滚动,把我现在看的滚没了,真是不胜其烦,但是又找不到关闭自动滚动的方法,啊啊啊,烦死了... ============解决方案1============ 在LogCat窗口右侧有一个+符号,新建Log Filter,设置好by Log Tag的值,这个值要与Log输出的Tag值一样,这样这个新建的窗口里面就只会显示你的Log了 =======

iOS中scrollview自动滚动的实现

http://bbs.csdn.net/topics/390347330 原问题是,我要展现给用户的内容放在scrollview中,让内容从上到底自动滚动,我最开始用的是DDAutoscrollview,但是无法实现. 一种解决方案见下边,更多解决方案见:http://ask.csdn.net/questions/374 .h文件 Objective C code ? 1 2 3 4 5 6 7 8 9  @interface Interface1 : UIViewController {   

delphi 自动滚动到最底端scroll

自动滚动到最底端scroll Uses MSHTML;{$R *.dfm}var  ScrollPos: integer=0;procedure TForm1.Button1Click(Sender: TObject);begin  inc(ScrollPos, 10);  if WebBrowser1.Document <> nil then    (WebBrowser1.Document as IHTMLDocument2).parentWindow.scroll(0,ScrollPos

解决Android中,禁止ScrollView内的控件改变之后自动滚动

问题: 最近在写一个程序界面,有一个scrollVIew,其中有一段内容是需要在线加载的. 当内容加载完成后,ScrollView中内容的长度会发生改变,这时ScrollView会自动下滚,如下图所示: 滚动的那一下体验特别不好,所以要防止这种情况.即不论Scrollview中内容如何,都要保持在最上. 解决办法: 先简单写一下我的xml文件的结构: [html] view plaincopy <ScrollView android:id="@+id/scrollView1" a

ios开发——实用技术篇&amp;图片无限滚动和自动滚动

初始化项目 1:自定义一个集成自Collection的Cell .h 1 #import <UIKit/UIKit.h> 2 @class iCocosNews; 3 @interface iCocosNewsCell : UICollectionViewCell 4 @property (nonatomic, strong) iCocosNews *news; 5 @end .m 1 #import "iCocosNewsCell.h" 2 #import "i

Android文字跑马灯控件(文本自动滚动控件)

最近在开发一个应用,需要用到文本的跑马灯效果,图省事,在网上找,但老半天都找不到,后来自己写了一个,很简单,代码如下: import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.os.Parcel; import android.os.Parcelable; import android.util.AttributeSet; impor

C# ListBox 自动滚动到底部 方法:

在ListBox中添加一条记录(ListBox.Items.Add方法)后,滚动条会自动回到顶部.我们可能更希望它自动滚动到底部,简要介绍几种方法. 方法一: 1 this.listBox1.Items.Add("new line"); 2 this.listBox1.SelectedIndex = this.listBox1.Items.Count - 1; 3 this.listBox1.SelectedIndex = -1; 在添加记录后,先选择最后一条记录,滚动条会自动到底部,

图片滚动新闻和新闻的滚动菜单

秀才不出门,便知天下事.看新闻了解国内.国际的最新动态,掌握实时资讯,是我们常常会做的事情. 什么样的新闻提供方式能够吸引“秀才”呢?直观的感受.明确的方向是基本要求. 于是,几乎所有的大型的新闻页面和应用程序,都包含滚动的图片新闻和新闻分类菜单. 图片新闻增加直观感受,分类菜单明确查找方向.例如: 借鉴一个成熟新闻软件,站在巨人的肩膀上.如何实现? 两部分:滚动的图片新闻+可以滚动选择的新闻分类菜单. 1.滚动的图片新闻:[UIScrollView  ...] #pragma mark - 加

课堂笔记-----页面的自动滚动效果

页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee >...</marquee>: 说明:在标记之间添加要进行滚动的内容. 重要属性: 1.滚动方向direction(包括4个值:up. down. left和 right) 语法:<marquee direc