文档章节

仿Twitter的公告效果:

陈映亮
 陈映亮
发布于 2015/01/28 18:32
字数 197
阅读 20
收藏 0
仿Twitter的公告效果:
方法如下:
1、HTML 部分:
<ul id="twitter">
    <li>第一条消息</li>
    <li>第二条消息</li>
    <li>第三条消息</li>
</ul>
关于输出 twitter 消息的方法很多,我就总集了两篇:WordPress 非插件调用最新 Twitter、WordPress 免插件输出最新 Twitter,已经加密,密码为:wange.im,有兴趣的朋友可以看一下。
2、载入 JQuery
直接用 google 托管的就行。
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery
/1.2.6/jquery.min.js"></script>
3、JQuery 执行代码
$(document).ready(function(){
    $("#twitter li:not(:first)").css("display","none");
    var B=$("#twitter li:last");
    var C=$("#twitter li:first");
    setInterval(function(){
    if(B.is(":visible")){
    C.fadeIn(500).addClass("in");B.hide()
    }else{
    $("#twitter li:visible").addClass("in");
    $("#twitter li.in").next().fadeIn(500);
    $("li.in").hide().removeClass("in")}
    },3000) //每3秒钟切换一条,你可以根据需要更改
})


本文转载自:

陈映亮
粉丝 10
博文 130
码字总数 38454
作品 0
深圳
程序员
私信 提问
传VeryCD将变为SNS,创始人否认

随着BTChina的关闭,广电总局的“视听许可证”正成为高悬众多尚且苟活的视频分享网站上的“达摩克利斯之剑”。有传言声称,影视帝国、VeryCD、猪猪乐园、圣城家园、飞鸟影苑、人人影视、CHD...

红薯
2009/12/08
710
0
2017 我用 5 个月分享了 98 篇优秀博文

对上半年所分享的文章进行一个整理,很多读者当时忘记了收藏,以致于查找一篇历史文章很费劲,因此在这里顺便做下记录。目前就分下下面几个大类,没有更多细分,已基本可以查找了。 如果觉得...

code小生
2018/10/30
0
0
10 款简单精美的 jQuery 和 CSS3 表单

表单在网页中扮演着十分重要的作用,从用户登录注册到留言评论,都离不开表单。一个设计精美方便的表单,可以提高用户交互的质量。下面给大家介绍10款设计简单但是外观精美的jQuery和CSS3表单...

android哥哥
2012/08/06
8.9K
10
Google 意图让 AMP 网页快速载入技术成为标准

Google 在关于加速移动页面项目的公告中,透露了未来推出这些 Web 标准的计划。借由 AMP 的经验和技术,开发可以让非 AMP 网页内容即时加载的 Web 标准。这意味着非 AMP 的网页都可以获得与 ...

周其
2018/03/11
1K
0
请教 canvas.drawBitmap(bitmap, src, dst, paint)中 src 和 dst这两个参数的意思

最近在做一个应用,想仿一下Twitter登录界面的背景动画,我反编译了一下,他是自定义Drawable,然后canvas.drawBitmap三张图片,请教 canvas.drawBitmap(bitmap, src, dst, paint)中 src 和 ...

柳志超
2012/06/22
7.8K
1

没有更多内容

加载失败,请刷新页面

加载更多

Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
2
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
多线程同时加载缓存实现

import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.ExecutionException;import java.util.concurrent.ExecutorServi......

暗中观察
昨天
3
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
2
0
组装一台工作游戏两用机

一、配置清单如下: 分类 项目 价格(元) 主板 华硕(ASUS)TUF Z370-PLUS GAMING II 电竞特工 Z370二代 支持9代CPU 1049 CPU 英特尔(Intel) i7 8700K 酷睿六核 盒装CPU处理器 2640 风扇 九...

mbzhong
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部