jQuery仿新浪微博和腾讯微博首页动态向下滚动效果

作者：编程知识库发布：2012-01-17 分类：Jquery 阅读：3,313次

直接贴上代码啦

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
<title>jQuery仿新浪微博和腾讯微博首页动态向下滚动效果</title>
<style type=”text/css”>
*{ margin:0; padding:0;}
body {font-size:12px;}
ul,ol,li {list-style:none;}

.dongtai {background:#f6f6f6; width:700px;border:1px solid #e2e2e2; height:130px; overflow:hidden;}
.dongtai .tit { border-bottom:1px solid #ddd;text-indent:20px;background:#c3c3b3;height:40px; line-height:40px;color:#b5c;}
ul {display:block; padding:10px 10px 0; overflow:hidden; position:relative; top:10px; height:125px;}
ul li {display:block; height:50px; border-bottom:1px dashed #808080; background:#f6f6f6 left top no-repeat; padding-top:3px; margin-bottom:10px; *margin-bottom:5px;}

</style>
<script type=”text/javascript” src=’jquery.js’></script>
<script type=”text/javascript”>
var arr = new Array();
arr[‘0’] = ‘【1】：前端开发-武方博’;
arr[‘1’] = ‘【2】jQuery仿新浪微博和腾讯微博首页动态向下滚动效果’;
arr[‘2’] = ‘【3】：jquery微博向下滚动’;
arr[‘3’] = ‘【4】：仿新浪微博和腾讯微博首页动态向下滚动效果’;
arr[‘4’] = ‘【5】：仿新浪微博和腾讯微博首页动态向下滚动效果’;
arr[‘5’] = ‘【6】：仿新浪微博和腾讯微博首页动态向下滚动效果’;

var qu = arr.length-2;

window.onload = function(){
put();
}

function put(){
var str = ” ;
for(var i=qu;i<arr.length;i++){
str += ‘<li>’+arr[i]+'</li>’;
}
$(‘#k’).html(str);
qu–;
setInterval(‘show()’,3000);
}

function suan(){
if(qu<=0){
qu = arr.length-1;
}else{
qu –;
}
}

转载请注明：jQuery仿新浪微博和腾讯微博首页动态向下滚动效果 - 编程知识库

该文章由编程知识库发于2012年01月17日发表在Jquery分类下，你可以至底部留下评论。

原创文章转载请注明: jQuery仿新浪微博和腾讯微博首页动态向下滚动效果 | 编程知识库

关键字: jQuery仿新浪微博, jquery滚动, 向下滚动效果, 滚动效果, 腾讯微博首页滚动

上一篇：jquery模仿微博向下滚动到页面底部时实时加载新内容

下一篇：wordpress不能上传图片，提示“缺少临时文件夹”

您可能还会对这些文章感兴趣

雷军22年前写的程序代码保准你没见过！

作为小米科技的创始人、董事长和首席执行官，雷军的名字如雷贯耳。上午W3Cschool发布了一篇“刘强东的代码水平如何”(有兴趣的可以点击右上角关注我们)的文章，有网友在下面回复“代码只服雷军”。这个回复吸引了W3Cschool的注...
只会用jQuery前端到底low不low?

如果你之前没有看过我的《前端工程师如何月薪过4万》这里建议大家仔细读读一下，因为里面有整个前端工程师成长的技术路线图和我的故事。同时很多小伙伴问我的学历后来没再考考么，我是考了成考的北京航空航天大学，也马上快...
UED原型设计工具Axure汉化版

Axure汉化版已经发布，版本号Axure 5.1.0.1699，下面是截图效果 Axure汉化版文件下载地址：Axure汉化补丁 Axure RP pro 5.1.0.1699 下载地址注册用户名：Axure 序列...
百度公共DNS无劫持IP 从此上网无阻

今天百度推出公共DNS服务，IP地址为180.76.76.76，号称拥有遍布全国的递归出口节点，可以做到更稳定，纯净无劫持等。 DNS在现有整个互联网基础架构中也扮演着流量”调度员”、”指引员”的角色。尽管已经有超过30年历史,DNS仍...
小伙打造网站媒体帝国月访问量4500万

　　BI中文站 6月7日报道艾默生·斯帕茨(Emerson Spartz)今年28岁，已婚，是Spartz Inc公司的首席执行官。Spartz Inc是一个网站媒体帝国，旗下的30多家网站专门发布有趣、励志和让人感到不可思议的文章和帖子，其分享量非常...