var u_u4_imgs = new VsbPreloadImgArray();
//初始化图片
function u_u4_init_img()
{
u_u4_imgs.addImg("\/__local\/F\/CE\/C5\/2015BD2885131599EE3E3DE6C35_4F3831A8_BDD1.jpg", "0", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/5\/45\/F5\/4E6001F744C78E46380721E204A_C95916B4_1268C.jpg", "1", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/D\/98\/0B\/3D1A7A24A20998D6D208BDAAFC8_55293DE4_DC74.jpg", "2", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/7\/5A\/1E\/7182ABA961218AE64C6A059EDB2_5EA29831_F190.jpg", "3", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/3\/F2\/25\/CF14E788DFE9F2A8DBD331CBDDD_19CBB0F4_AFF9.jpg", "4", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/D\/2A\/26\/59FC0A2E0B7A05FA4BCECABFD0E_E7E3DB95_AE21.jpg", "5", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/9\/C2\/49\/C8513C730D94E0B8969773C9D9F_55131EF1_11BED.jpg", "6", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/5\/86\/96\/39CB870868E6418A38A8C70F9DE_061F37E3_12212.jpg", "7", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/2\/45\/A3\/1C2F9810D60D659A421789242A6_AC8D34FB_E216.jpg", "8", u_u4_onimgload);
u_u4_imgs.addImg("\/__local\/C\/BA\/77\/F3CA386B0921D9CE01A300C6181_AC759C2C_C23A.jpg", "9", u_u4_onimgload);
}
function u_u4_onimgload(img, imgid)
{
var imgobjs = document.getElementsByName("u_u4_img");
var imgindex = new Number(imgid);
img.showImg(imgobjs[imgindex], 180, 130, true, true, false);
img.showImg(imgobjs[imgindex+ 10], 180, 130, true, true, false);
}
var u_u4_MyMar;
var u_u4_speed3;
var u_u4_move = true;
var u_u4_movenum = 0;
var u_u4_pos = null; //td位置组
function u_u4_initpos()
{
u_u4_pos = new Array();
var tds1 = document.getElementById("u_u4_demo1").children[0].rows[0].cells;
for(var i = 0 ;i < tds1.length; i++)
{
u_u4_pos[u_u4_pos.length] = tds1[i].offsetLeft;
}
var tds2 = document.getElementById("u_u4_demo2").children[0].rows[0].cells;
var tds2offset = document.getElementById("u_u4_demo2").offsetLeft;
for(var i = 0 ;i < tds2.length; i++)
{
u_u4_pos[u_u4_pos.length] = tds2[i].offsetLeft + tds2offset;
}
}
function u_u4_getpos(scrollpos)
{
for(var i = 0; i < u_u4_pos.length; i++)
{
if(scrollpos < u_u4_pos[i])
return i-1;
}
}
function u_u4_Marquee()
{
try
{
if(!u_u4_move)
return;
var demoobj = document.getElementById("u_u4_demo");
var demo1obj = document.getElementById("u_u4_demo1");
//滚动步长
var scrollstep = 5
//当前位置
var oldscrollLeft = demoobj.scrollLeft;
//更新后的位置, 已考虑过回滚
var newscrollLeft = (oldscrollLeft + scrollstep)%demo1obj.scrollWidth;
demoobj.scrollLeft = newscrollLeft;
}
catch(e)
{
}
}
function u_u4_clearInterval()
{
clearInterval(u_u4_MyMar);
}
function u_u4_setInterval()
{
u_u4_MyMar = setInterval(u_u4_Marquee,u_u4_speed3);
}
function u_u4_stopmove()
{
u_u4_move = false;
}
function u_u4_startmove()
{
u_u4_move = true;
}
function u_u4_init()
{
u_u4_speed3 = 200;
if(u_u4_speed3 < 1)
{
u_u4_speed3 = 1;
}
document.getElementById("u_u4_demo").onmouseover = u_u4_stopmove;
document.getElementById("u_u4_demo").onmouseout = u_u4_startmove;
document.getElementById("u_u4_demo2").innerHTML = document.getElementById("u_u4_demo1").innerHTML;
u_u4_init_img();
u_u4_setInterval();
}
u_u4_init();
精彩的分析结构，值得收藏。