技术标签 TAGS

专业技术精选

首页 > 技术 > 学习技术库

上海连续滚动

2008-03-25 19:48:30 by 【6yang】, 26 visits, 收藏 | 返回
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
 margin-left: 00px;
 margin-top: 00px;
 margin-right: 0px;
 margin-bottom: 0px;
}
-->
</style>
<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
</head>
<body Scroll = no>
<table width="365" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="340" height="0" border="0" align="center" cellpadding="0" cellspacing="0" >
      <tr>
        <td><div id="icefable1" style="width:340;">
            <table width="340" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=508" target="_blank"><img src="cases/ladysxueche.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=478" target="_blank"><img src="cases/7iam.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=508" target="_blank">上海女性学车网</a></td>
                <td height="0" valign="middle"> &nbsp;名称：<a href="work/blog.asp?id=510" target="_blank">成果网络广告平台</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=509" target="_blank"><img src="cases/sanyochina.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=478" target="_blank"></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=509" target="_blank">中国产妇护理网</a></td>
                <td height="0" valign="middle">&nbsp;名称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=478" target="_blank"><img src="cases/guanlong.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=489" target="_blank"><img src="cases/really.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle" >&nbsp;名称：<a href="work/blog.asp?id=478" target="_blank"> 上海管弄新村小学</a> </td>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=489" target="_blank"> 上海瑞丽摄影</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=484" target="_blank"><img src="cases/cnqishi.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=481" target="_blank"><img src="cases/singaa.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=484" target="_blank"> 启石雕塑</a></td>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=481" target="_blank"> 中星集团</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=503" target="_blank"><img src="cases/yytoyota.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=483" target="_blank"><img src="cases/shzexin.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=503" target="_blank"> 上海由由丰田汽车销售</a></td>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=483" target="_blank"> 上海泽伪钞鉴别仪制造</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=497" target="_blank"><img src="cases/opi.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=490" target="_blank"><img src="cases/lika.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle" >&nbsp;名称：<a href="work/blog.asp?id=497" target="_blank"> 欧派克家居·五金</a> </td>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=490" target="_blank"> 上海力卡塑料托盘</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=501" target="_blank"><img src="cases/play.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=481" target="_blank"><img src="cases/singaa.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=501" target="_blank">音乐学院国际钢琴艺术</a></td>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=481" target="_blank"> 中星集团</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=503" target="_blank"><img src="cases/yytoyota.jpg" width="161" height="47" border="0" /></a></td>
                <td height="0" align="center" valign="middle"><a href="work/show.asp?id=483" target="_blank"><img src="cases/shzexin.jpg" width="161" height="47" border="0" /></a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=503" target="_blank"> 上海由由丰田汽车销售</a></td>
                <td height="0" valign="middle">&nbsp;名称：<a href="work/blog.asp?id=483" target="_blank"> 上海管弄新村小学</a></td>
              </tr>
              <tr>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
                <td height="0" valign="middle">&nbsp;类型： web网站 </td>
              </tr>
              <tr>
                <td height="0" colspan="2" valign="middle" bgcolor="#F2F2F2">&nbsp; <span class="STYLE1">部分案例...期待您的加入……</span> </td>
              </tr>
            </table>
        </div>
            <div id="icefable2" style="position:absolute;z-
index:1;visibility:hidden"></div></td>
      </tr>
    </table></td>
  </tr>
</table>
<script>
marqueesHeight=343;
stopscroll=false;
icefable1.scrollTop=0;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
icefable2.innerHTML="";
icefable2.innerHTML+=icefable1.innerHTML;
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
setInterval("scrollUp()",50);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==345)
{
    stoptime+=1;
    currentTop-=1;
    if(stoptime==50)
    {
        currentTop=0;
        stoptime=0;
    }
}
else {    
     preTop=icefable1.scrollTop;
     icefable1.scrollTop+=1;
     if(preTop==icefable1.scrollTop){
     icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
     icefable1.scrollTop+=1;
     }
}
}
init_srolltext();
</script>

<BR><BR><BR>

</body>
</html>
分享到：
我要评论 本文来自:http://www.6yang.net/articles_view.php?id=320&cid=3
share

    图片原图

    loading

    loading