一、文字上下滚动特效
<head>
<title></title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<style type="text/css">
.list {
height: 100px;
text-overflow-y: hidden;
overflow: hidden;
width: 300px;
border: 1px solid #000;
padding:0 5px;
}
.active{background:#b00;color:#fff;}
</style>
</head>
<body>
<div id="list">
<div>生活, 一半是回忆, 一半是继续~~</div>
<div>对自己苛刻,疲##惫....从来不想责怪别人,只想做好自己,也从来都是我的不对。</div>
<div>前进、前进、再前进!哈哈</div>
<div>人生如戏~!何必在意...</div>
<div>找份开心的工作过早上8点到晚上18点,找个喜欢的女人过晚上18点到早上8点。这就是生活</div>
<div>宁可高傲的发霉,也不低调的凑合。我们,那被逼出来的成熟~</div>
</div>
<script type="text/javascript">
var $ = $ || window;
$.get = function (expr) {
function clsMatcher(className){
return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
}
var e = typeof expr == "string" ? document.getElementById(expr) : expr;
var elem = {
dom:e,
addClass:function(className) {
var oldCls = e.className;
e.className = !oldCls ?
className :
clsMatcher(className).test(oldCls) ?
oldCls : [oldCls,className].join(" ");
return this;
},remove:function() {
e.parentNode && e.parentNode.removeChild(e);
r