关闭

水平滚动

119人阅读 评论(0) 收藏 举报
html代码:
<p class="text-p" id="scrollobj">
                  我们不是song仲基,我们是送iPhone。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今年过节不送礼,送礼就送爱疯6s&nbsp;Plus。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10台iPhone 6s Plus等你来领。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               </p>
js代码
/*滚动设置*/
     window.onscroll= function (obj) {
        var tmp = (obj.scrollLeft)++;

        if (obj.scrollLeft == tmp) {
        obj.innerHTML += obj.innerHTML;
        }

        if (obj.scrollLeft >= obj.firstChild.offsetWidth) {
        obj.scrollLeft = 0;
        }
    }
    var _timer = setInterval("window.onscroll(document.getElementById('scrollobj'))", 40);
0
0
查看评论

Android 垂直与水平滚动条:Scrollview与HorizontalScrollView

一、ScrollView介绍  滚动视图ScrollView由FrameLayout派生而出,它的内部最多只能包含一个组件,而它的作用是为该组件添加垂直滚动条,使它可以滑动。那么我们为什么要学习SrcollView呢?我们可以联想到我们平时用的手机阅读器在内容过多时我们可以上下进行滑动来查看全部内容...
  • danfengw
  • danfengw
  • 2015-09-08 08:43
  • 2578

Android HorizontalScrollView和ScrollView 水平滚动 垂直滚动

Android SDK有两个滚动组件,HorizontalScrollView和ScrollView。一个是水平滚动,另一个是垂直滚动。两个嵌套使用,可实现水平和垂直滚动。  本文转自:http://hi.baidu.com/laoyang1018/blog/item/b34b241f3...
  • hssdw25172008
  • hssdw25172008
  • 2013-01-25 17:25
  • 9145

xMarquee jquery实现文字水平无缝滚动

xMarquee     .xMarquee{border:1px solid #ccc;height:25px;width:500px; margin:50px auto; background:#ffffff; overflow:hidden;} .xMarque...
  • zyx13859002783
  • zyx13859002783
  • 2014-04-28 17:18
  • 3694

想实现一个图片水平滚动的效果

有点像网易或者凤凰那种查看新闻多张图的实现效果,通过滑动从网络加载下一张或者上一张图片,写了很久发现还是有问题,在线求解。。坐等大神。 图片加载不报错,但是就是没有显示图片,网络请求也是发送出去了的。这里用的是volley请求网络. 图片加载的Fragment: import...
  • houtaocheng9962
  • houtaocheng9962
  • 2017-01-02 12:50
  • 98

在h5中运用简单的css达到水平滚动的效果

当我们在浏览器上要达到一块区域的水平或垂直能够滚动,有很多种通过不同的语言实现的方式,接下来介绍的就是其中最简单的一种.
  • qq_39085422
  • qq_39085422
  • 2017-08-31 10:35
  • 1315

水平/垂直滚动联动

证券炒股软件经常会遇到有很多Tab要显示,使得控件的上下/垂直滚动联动经常要使用到,比如撤单,查询等业务都要用到这个控件,今天刚好项目没那么紧,就把这个控件的实现总结一下。 先看看我们实现后的效果 分析:这里我们用一个水平滑动控件HorizontalScrollView和一个ListView组合...
  • jiang547860818
  • jiang547860818
  • 2016-11-15 21:09
  • 552

TextView 横向滚动效果的实现

突然需要TextView跑马灯效果,在网上找,找了半天,没有一个靠谱的,都是抄来抄去,我粘贴复制,都出不来效果,莫非是api更新了, 跑马灯效果没有了。 而且找到的blog,写的特别乱搞的跟我的博客有一拼了。甭管内容怎么样,一定要把博客排版弄好看。 自定义实现跑马灯效果! 我之所以出不来效果...
  • gacmy
  • gacmy
  • 2016-07-08 14:41
  • 342

[iOS] UICollectionView实现图片水平滚动

首先先加入一些资源文件: 先建立一个 xcassets 文件,放入图片:  再建立一个plist文件,写入与图片对应的内容: 在ViewController中读取 plist 到词典中:  @property (nonatomic, strong) NSArray *it...
  • u010850094
  • u010850094
  • 2016-09-19 14:13
  • 3062

JS不间断横向滚动实现代码

.outerdiv { width: 100%; } .scroll_div { width: 200px; height: 70px; margin: 0 auto; overflow: hidde...
  • zhuchunyan_aijia
  • zhuchunyan_aijia
  • 2016-05-03 18:49
  • 2002

Android TextView 横向滚动(跑马灯效果)

Android TextView 中当文字比较多时希望它横向滚动显示,下面是一种亲测可行的方法。 效果图: 1.自定义TextView,重写isFocused()方法返回true,让自定义TextView一直处于获取焦点状态。 package com.example.shen.marq...
  • shenyuanqing
  • shenyuanqing
  • 2015-08-19 23:00
  • 3324
    个人资料
    • 访问:55513次
    • 积分:1202
    • 等级:
    • 排名:千里之外
    • 原创:66篇
    • 转载:0篇
    • 译文:1篇
    • 评论:1条
    文章分类