<html>
<head>
<script>
~function () {
var box = document.getElementById("box");
var wrap = document.getElementById("wrap");
var conBegin = document.getElementById("conBegin");
var conBegin_width = getCss(conBegin,"width");
var timer = window.setInterval(move,10);
function move() {
wrap.scrollLeft++;
var curLeft = wrap.scrollLeft;
if (curLeft>=conBegin_width) {
wrap.scrollLeft = 0;
}
}
box.onmouseover = function () {
window.clearInterval(timer);
};
box.onmouseout = function () {
timer = window.setInterval(move,10);
};
}();
function getCss(curEle, attr) {
var val = null,reg = null;
if ("getComputedStyle" in window) {
val = window.getComputedStyle(curEle,null)[attr];
} else {
if (attr === "opacity") {
val = curEle.currentStyle["filter"];
reg = /^alpha\(opacity=(\d+(?:\.\d+)?)\)$/i;
val = reg.test(val) ? reg.exec(val)[1]/100 : 1;
} else {
val = curEle.currentStyle[attr];
}
}
reg = /^(-?\d+(\.\d+)?)(px|pt|rem|em)?$/i;
return reg.test(val) ? parseFloat(val) : val;
}
</script>
</head>
<body></body>
</html>
用JavaScript實現(xiàn)跑馬燈效果
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門橘霎，熙熙樓的掌柜王于貴愁眉苦臉地迎上來蔫浆，“玉大人，你說我怎么就攤上這事姐叁⊥呤ⅲ” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵外潜，是天一觀的道長原环。 經(jīng)常有香客問我，道長处窥，這世上最難降的妖魔是什么嘱吗？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮碧库，結(jié)果婚禮上柜与，老公的妹妹穿的比我還像新娘。我一直安慰自己嵌灰，他們只是感情好弄匕，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著沽瞭，像睡著了一般迁匠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼愿卸，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了截型？” 一聲冷哼從身側(cè)響起趴荸，我...
- 正文 年R本政府宣布滋捶，位于F島的核電站痛悯，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏重窟。R本人自食惡果不足惜载萌，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望巡扇。 院中可真熱鬧扭仁，春花似錦、人聲如沸厅翔。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽刀闷。三九已至熊泵，卻和暖如春仰迁，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背顽分。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 因為業(yè)務(wù)需求,需要設(shè)置文字的跑馬燈效果,查閱相關(guān)資料后發(fā)現(xiàn)資料比較散亂,現(xiàn)整理如下: 1.單跑馬燈效果(系統(tǒng)自帶T...
- ?今天在項目中要做一個跑馬燈文字的效果冰蘑。雖然網(wǎng)上有第三方的和泌，但是本寶寶覺得這個效果實現(xiàn)起來并不是很難，所以本寶寶決...
