您的位置：首页 > Web前端 > JQuery

jquery 实现字母向上翻动效果

2011-05-11 06:12 393 查看

<!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" /><script type="text/javascript" src="jquery-1.2.6.js"></script>
<style type="text/css">
#scroll {
height: 280px;
overflow: hidden;
}

#scroll ul li {
border-bottom: 1px dotted #BBBBBB;
margin-bottom: 10px;
height:46px;
overflow: hidden;

}
</style>
<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first")
.animate({
marginTop: "-46px" //将margin-top 上移46像素就是将第一个li隐藏因为每个li刚好46个像素
},
500, //历时0.5秒。产生动作的效果
function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
//将div的margin设置为0，同时将第一条放到当前div的最后一条一次类推。
}
);
}
$(document).ready(function() {
setInterval('AutoScroll("#scroll")', 3000)//每隔3秒执行一次。
});
</script>
</head>
<body> <div id="scroll">
<ul>
<li>
高晓松因涉嫌危险驾驶罪被北京警方刑事拘留 [高晓松昨晚醉驾致四车连撞现场出示外国护照] [高晓松涉嫌酒驾被抓本人回应:不方便说高晓松涉嫌醉驾伤人或遭“中国达人秀”除名] [高晓松自称醉驾被抓是好事：我需要平静下内心

</li>
<li>
高晓松酒驾连撞四车致4人受伤被正式拘捕[高晓松酒驾现场目击：浑身酒气走路直打晃(组图)] [高晓松自曝有前科曾因酒驾被判终身禁购枪]
[高晓松醉酒驾车肇事交通司法中心出示监测报告] [ 详解高晓松酒驾全过程或评委当不成醉驾很严重]

</li>
<li>
高晓松就酒驾事件书面道歉:对不起,永不酒驾 [高晓松醉驾出示外国护照] [酒精含量超标准三倍(图)] [细数交通肇事的明星(图)]
</li>
<li>
不得不说：网友们真是太坏了。前脚高晓松醉驾惹了祸，后脚网友就编了歌：“明天你是否会想起，喝的是啤滴白滴？明天你是否会后悔，视法律如同儿戏……谁灌醉才华横溢的你，谁让你放纵自己；谁让你不尊重法律，谁给你穿上囚衣。”我也一样坏，心想幸灾乐祸要不得，一边下意识也哼了起来
</li>
<li>
这首歌表达了我们的普遍心声：我们没那么沉重，毕竟喝酒不是吸毒，不足以让我们扼腕长叹；但我们也不同情他：活该不是，谁叫你酒后驾车的。幼儿园小宝宝学过《弟子规》，也能念得琅琅上口：饮酒醉，最为丑。何况开着车上了路这幸亏是撞了人家的车，万一撞着人呢？

</li>
<li>
高晓松一向以热血中年形象出现，他以自嘲口气发明的“微胖界”，让我恨不得引为知己；他在药家鑫事件上的慷慨陈词，又让我觉得颇是个汉子。真性情则往往放诞，不够自控。就像这一次：如果他坚决地放下杯子，不就没事了吗？也许是经不起朋友的劝说。如果他坚决地拒绝方向
</li>
</ul>
</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航