<!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" />
<title>無標題文檔</title>
<script type="text/javascript" language="Javascript">
var scrlSpeed=1;
var interval =0;
// decreasing speed for mozilla
scrlSpeed=(document.all)? scrlSpeed : Math.max(1, scrlSpeed-1)
function initScroll(container,object){
if (document.getElementById(container) != null){
var contObj=document.getElementById(container);
var obj=document.getElementById(object);
contObj.style.visibility = "visible";
contObj.scrlSpeed = scrlSpeed;
widthContainer = contObj.offsetWidth;
// obj.style.left=parseInt(widthContainer)+"px";
obj.style.left="0px";
widthObject=obj.offsetWidth;
interval=setInterval("objScroll('"+ container +"','"+ object +"',"+ widthContainer +")",40);
contObj.onmouseover = function(){
contObj.scrlSpeed=0;
}
contObj.onmouseout = function(){
contObj.scrlSpeed=scrlSpeed;
}
}
}
function objScroll(container,object,widthContainer){
var contObj=document.getElementById(container);
var obj=document.getElementById(object);
widthObject=obj.offsetWidth;
if (parseInt(obj.style.left)>(widthObject*(-1))){
obj.style.left=parseInt(obj.style.left)-contObj.scrlSpeed+"px";
} else {
obj.style.left=parseInt(widthContainer)+"px";
}
}
// on page load we initiate scrolling
window.οnlοad=function(){
// initScroll("scrlContainer", "scrlContent");
}
function aa(str){
//interval=setInterval("objScroll('scrlContainer','scrlContent',document.getElementById('scrlContainer').offsetWidth)",20);
document.getElementById("scrlContent").innerHTML = str.value;
//initScroll("scrlContainer", "scrlContent");
window.clearInterval(interval);
initScroll("scrlContainer", "scrlContent");
}
function bb(str){
window.clearInterval(interval);
document.getElementById("scrlContent").style.left = "0px";
document.getElementById("scrlContent").innerHTML = str.value;
//initScroll("scrlContainer", "scrlContent");
}
var timeFlag = 0;
function set(obj,op){
window.clearInterval(interval);
document.getElementById("scrlContent").style.left = "0px";
document.getElementById("scrlContent").innerHTML = obj.value;
clearTimeout(timeFlag);
timeFlag = setTimeout(function(){
if(op == 0){
bb(obj);
}else{
aa(obj);
}
},2000);
}
</script>
</head>
<style type="text/css">
body{
margin:0;
padding:0;
background:#fff;
font: 70% Arial, Helvetica, sans-serif;
}
#scrlContainer{
visibility:visible;
background:#f1f1f1;
position:relative;
overflow:hidden;
width:120px;
height:20px;
line-height:20px;
margin:1em;
}
#scrlContent{
position:absolute;
left:0;
top:0;
white-space:nowrap;
}
</style>
<body>
<input type="button" value="dddddddddddddfosflksofsldfopp" οnclick="set(this,1);" />
<input type="button" value="eeeeeeeeeeeeyyydfkjiovdhfyyyyyy" οnclick="set(this,1);" />
<input type="button" value="ddddddddd" οnclick="set(this,0);" />
<div id="scrlContainer">
<div id="scrlContent">
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript" language="Javascript">
var scrlSpeed=1;
var interval =0;
// decreasing speed for mozilla
scrlSpeed=(document.all)? scrlSpeed : Math.max(1, scrlSpeed-1)
function initScroll(container,object){
if (document.getElementById(container) != null){
var contObj=document.getElementById(container);
var obj=document.getElementById(object);
contObj.style.visibility = "visible";
contObj.scrlSpeed = scrlSpeed;
widthContainer = contObj.offsetWidth;
// obj.style.left=parseInt(widthContainer)+"px";
obj.style.left="0px";
widthObject=obj.offsetWidth;
interval=setInterval("objScroll('"+ container +"','"+ object +"',"+ widthContainer +")",40);
contObj.onmouseover = function(){
contObj.scrlSpeed=0;
}
contObj.onmouseout = function(){
contObj.scrlSpeed=scrlSpeed;
}
}
}
function objScroll(container,object,widthContainer){
var contObj=document.getElementById(container);
var obj=document.getElementById(object);
widthObject=obj.offsetWidth;
if (parseInt(obj.style.left)>(widthObject*(-1))){
obj.style.left=parseInt(obj.style.left)-contObj.scrlSpeed+"px";
} else {
obj.style.left=parseInt(widthContainer)+"px";
}
}
// on page load we initiate scrolling
window.οnlοad=function(){
// initScroll("scrlContainer", "scrlContent");
}
function aa(str){
//interval=setInterval("objScroll('scrlContainer','scrlContent',document.getElementById('scrlContainer').offsetWidth)",20);
document.getElementById("scrlContent").innerHTML = str.value;
//initScroll("scrlContainer", "scrlContent");
window.clearInterval(interval);
initScroll("scrlContainer", "scrlContent");
}
function bb(str){
window.clearInterval(interval);
document.getElementById("scrlContent").style.left = "0px";
document.getElementById("scrlContent").innerHTML = str.value;
//initScroll("scrlContainer", "scrlContent");
}
var timeFlag = 0;
function set(obj,op){
window.clearInterval(interval);
document.getElementById("scrlContent").style.left = "0px";
document.getElementById("scrlContent").innerHTML = obj.value;
clearTimeout(timeFlag);
timeFlag = setTimeout(function(){
if(op == 0){
bb(obj);
}else{
aa(obj);
}
},2000);
}
</script>
</head>
<style type="text/css">
body{
margin:0;
padding:0;
background:#fff;
font: 70% Arial, Helvetica, sans-serif;
}
#scrlContainer{
visibility:visible;
background:#f1f1f1;
position:relative;
overflow:hidden;
width:120px;
height:20px;
line-height:20px;
margin:1em;
}
#scrlContent{
position:absolute;
left:0;
top:0;
white-space:nowrap;
}
</style>
<body>
<input type="button" value="dddddddddddddfosflksofsldfopp" οnclick="set(this,1);" />
<input type="button" value="eeeeeeeeeeeeyyydfkjiovdhfyyyyyy" οnclick="set(this,1);" />
<input type="button" value="ddddddddd" οnclick="set(this,0);" />
<div id="scrlContainer">
<div id="scrlContent">
</div>
</div>
</body>
</html>
