« 比尔·盖茨微软时代最后谢幕如何将.dat文件导入SQL SERVER 2000数据库 »

顺序滚动图片(js)

发布:彭涛 | 分类:.Net开发 | 评论:0 | 引用:0 | 浏览:

 

1.将这段代码添加到head之间

 <script language="JavaScript" >
//qswh's original and modifid by windy_sk <windy_sk@126.com> 20040120
function reportError(msg,url,line)
{
var str = "You have found an error as below: \n\n";
str += "Err: " + msg + " on line: " + line;
alert(str);
return true;
}


window.onerror = reportError;
var obj_marquee = document.getElementById("marquee");
var repeat = null;
var marquee_spd =30;
function marquee_init()
 {
var obj_unit = obj_marquee.firstChild;
var marquee_high = parseInt(obj_marquee.style.height);
var marquee_wide = parseInt(obj_marquee.style.width);
var unit_high = obj_unit.offsetHeight;
var unit_wide = obj_unit.offsetWidth;
var m = 0, n = 0, i = 0;
var tmp = null;
m = Math.ceil(marquee_wide / unit_wide);
n = Math.ceil(marquee_high / unit_high);
obj_unit.style.width = marquee_wide * (m+1);
obj_unit.rows[0].cells[0].style.width = obj_marquee.style.width;
for(i=0; i<m; i++) {
tmp = obj_unit.rows[0].insertCell(-1);
tmp.innerHTML = obj_unit.rows[0].cells[0].innerHTML;
tmp.style.width = marquee_wide;
tmp = null;
}
for(i=0; i<n; i++)
{
obj_marquee.appendChild(obj_unit.cloneNode(true));
}
return;
}
function marquee_show(direction)
{
switch(direction) {
case "up":
if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop -= obj_marquee.firstChild.offsetHeight;
} else {
obj_marquee.scrollTop++;
}
break;
case "down":
if(obj_marquee.scrollTop <= 0) {
obj_marquee.scrollTop += obj_marquee.firstChild.offsetHeight;
} else {
obj_marquee.scrollTop--;
}
break;
case "left":
if(obj_marquee.scrollLeft >= obj_marquee.firstChild.rows[0].cells[0].offsetWidth) {
obj_marquee.scrollLeft -= obj_marquee.firstChild.rows[0].cells[0].offsetWidth;
} else {
obj_marquee.scrollLeft++;
}
break;
case "right":
if(obj_marquee.scrollLeft <= 0) {
obj_marquee.scrollLeft += obj_marquee.firstChild.rows[0].cells[0].offsetWidth;
} else {
obj_marquee.scrollLeft--;
}
break;
default:
break;
}
return;
}


function marquee_doit() {
var direction = "";
direction = obj_marquee.getAttribute("direction");
if(direction != null) marquee_show(direction);
direction = obj_marquee.getAttribute("direction2");
if(direction != null) marquee_show(direction);
return;
}
marquee_init();
repeat = setInterval("marquee_doit()",marquee_spd);
marquee.onmouseover = function() {clearInterval(repeat);}
marquee.onmouseout = function() {repeat=setInterval("marquee_doit()",marquee_spd);}
</script>

2.这段代码添加到body中

<div id="marquee" direction="left" style="overflow:hidden;height:105px;width:850px;" >
<table style="width: 850px">
<tr >
<td style="width: 850pxpx; height: 96px">

<img  src="新文件夹1/200_200_a35d0732bff6685a.jpg" width="100" height="100">
<img  src="新文件夹1/202_204_56a62ae4f793206b.jpg" width="100" height="100">
<img  src="新文件夹1/http_imgload.jpg" width="100" height="100">
<img  src="新文件夹1/photoimg421.jpe" width="100" height="100">
<img  src="新文件夹1/b46.jpg" width="100" height="100">
<img  src="新文件夹1/b74.jpg" width="100" height="100">
<img  src="新文件夹1/{7F773DE2-CE4C-4013-913E-062208ED95B7}0.jpg" width="100" height="100">
<img  src="新文件夹1/photoimg398.qq.jpg" width="100" height="100">


</td>
</tr>
</table>
 </div>

 

tagTags:gun  

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。