js图片横向滚动代码

本文章为我提供一款js图片横向滚动代码效果,图片可以左右控制,如果你正在找这种效果就进来下载吧,就是搜狐数码频道图片滚动代码哦。

<!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=gbk" />
<title>搜狐数码频道图片滚动</title>
<link href="demolayout.css教程" rel="stylesheet" type="text/css" media="all" />
<link href="globa.css" rel="stylesheet" type="text/css" />
<style>
/* body样式 */
.bodybg { font-size:12px;}
.copyright{ padding:15px; width:950px;}
/*页面属性*/
.area {width:950px;}

a {color:#333;}
/*框架样式*/

.navsearch {height:54px;}
.navsearch .title {width:67px;background:url(images/nav_bg01.gif);float:left;height:24px;color:#1b1b1b;padding-top:30px;font-weight: bold;}
.navsearch .title a {color:#1b1b1b;}
.navsearch .nav {width:592px;background:url(images/nav_bg02.gif);float:left;height:54px;}
.navsearch .nav ul {padding-left:8px;}
.navsearch .nav li {color:#fff;font-weight: bold;float:left;margin:0 11px 0 10px;display:inline;padding-top:5px;height:49px;}
.navsearch .nav li a {color:#fff;}
.navsearch .search {width:291px;background:url(images/nav_bg03.gif);float:right;height:29px;padding-top:25px;}
.navsearch .search img {float:left;}
.navsearch .input01 {padding:4px 0 0 10px;border:1px #a1a1a1 solid;width:160px;height:15px;background:#fff;color:#c9c9c9;margin:0 7px 0 22px;display:inline;float:left;}
.navsearch .nav li img {display:block;}
/*download by http://www.111cn.net*/
.marqueef {background:url(images/bg02.gif);height:105px; width:950px; overflow:hidden; padding:12px 0 15px;color:#333;line-height:20px;border-bottom:1px #d1d1d1 solid;}
.marqueef .tt {line-height:26px;font-weight: bold;padding-left:15px;margin:10px auto 0;}
.marqueef img {margin:0 auto;}
.tabbga {background:url(images/bg03.gif);height:105px;width:215px;}

.area1 {width:950px;}
</style>
<script type="text/网页特效">
//元素名称:m_n; tab_m_n
//count:交换的个数
function showtab(m,n,count){
 for(var i=1;i<=count;i++){
  if (i==n){   
   getobject("td_"+m+"_"+i).classname="libg";
   getobject("tab_"+m+"_"+i).classname="show";
   }
  else {
   getobject("td_"+m+"_"+i).classname="";
   getobject("tab_"+m+"_"+i).classname="hidden";
   }
 }
}

function getobject(objectid) {
    if(document.getelementbyid && document.getelementbyid(objectid)) {
 // w3c dom
 return document.getelementbyid(objectid);
    } else if (document.all && document.all(objectid)) {
 // msie 4 dom
 return document.all(objectid);
    } else if (document.layers && document.layers[objectid]) {
 // nn 4 dom.. note: this won't find nested layers
 return document.layers[objectid];
    } else {
 return false;
    } 

//-->
</script>
</head>
<body class="bodybg">
<!--头部信息,非代码内容===============================================--->
<h1 id="rsseeheader">搜狐数码频道左右滚动代码</h1> 
<center>
<div id=fullscreenad style="display:none">&nbsp;</div></center>

<!-- 频道导航 -->

<script type="text/javascript">
function overpic(pic,k){
 for(var i=1;i<=8;i++){
  if (i==k){getobject(pic).src="images/m"+i+"2.gif";}
 }
}
function outpic(pic,k){
 for(var i=1;i<=8;i++){
  if (i==k){getobject(pic).src="images/m"+i+"1.gif";}
 }
}
</script>

<div class="navsearch area">
 <div class="title"><a href="http://www.111cn.net/" target="_blank">首页</a></div>
    <div class="nav">
  <ul>
   <li onmouseo教程ver="overpic('pic1',1)" onmouseout="outpic('pic1',1)"><a href="http://digi.it.sohu.com/mobile.shtml" target="_blank"><img id="pic1" src="images/m11.gif" width="31" height="29" alt="" />手机</a></li>
   <li onmouseover="overpic('pic2',2)" onmouseout="outpic('pic2',2)"><a href="http://digi.it.sohu.com/notebook.shtml" target="_blank"><img id="pic2" src="images/m21.gif" width="47" height="29" alt="" />笔记本</a></li>
   <li onmouseover="overpic('pic3',3)" onmouseout="outpic('pic3',3)"><a href="http://digi.it.sohu.com/digidc.shtml" target="_blank"><img id="pic3" src="images/m31.gif" width="41" height="29" alt="" />数码相机</a></li>
   <li onmouseover="overpic('pic4',4)" onmouseout="outpic('pic4',4)"><a href="http://digi.it.sohu.com/digital-home/" target="_blank"><img id="pic4" src="images/m41.gif" width="38" height="29" alt="" />家电</a></li>
   <li onmouseover="overpic('pic5',5)" onmouseout="outpic('pic5',5)"><a href="http://zone.it.sohu.com/forums/index.php教程" target="_blank"><img id="pic5" src="images/m51.gif" width="42" height="29" alt="" />数码公社</a></li>
   <li onmouseover="overpic('pic6',6)" onmouseout="outpic('pic6',6)"><a href="http://digigeek.blog.sohu.com/" target="_blank"><img id="pic6" src="images/m61.gif" width="53" height="29" alt="" />数码极客圈</a></li>
   <li onmouseover="overpic('pic7',7)" onmouseout="outpic('pic7',7)"><a href="http://digi.it.sohu.com/iphoto" target="_blank"><img id="pic7" src="images/m71.gif" width="48" height="29" alt="" />摄影博客群</a></li>
            <li onmouseover="overpic('pic8',8)" onmouseout="outpic('pic8',8)"><a href="http://sm51shai.allyes.com/main/adfsite?db=sm51shai&adname=30|64|4217&url=http://app.sh.sohu.com/ads/08/sony/index.php" target="_blank"><img id="pic8" src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_79ef5781_e734_45ef_980f_2e51a013ea02_0.gif width="45" height="29" alt="" />索尼专区</a></li>
  </ul>
 </div>
 
 <div class="search"><form name=f1 action="http://act.it.sohu.com/dosearch.php" target="_blank">
 <span id=search><input id=keyword size=14 name=keyword> <select
id=type name=type> <option value=论坛>论坛</option> <option
  value=手机  selected>手机</option> <option value=数码相机>相机</option> <option
  value=笔记本>笔记本</option> <option value=硬件>硬件</option> <option
  value=硬件>别的</option>
 </select>
 </span>
    <input type=image src="images/btn01.gif" width="78" height="21" border=0 />
 
 </form></div>
</div>

<!-- 99款产品 -->

<script type=text/javascript>
<!--
var sh;
preleft=0; currentleft=0; stops教程croll=false; getlimit=0;pretop=0; currenttop=0;
function scrollleft()
{
 var marquees = document.getelementbyid("marquees")
 if(stopscroll==true) return;
 preleft=marquees.scrollleft;
 marquees.scrollleft+=2;
 if(preleft==marquees.scrollleft)
 {
  //marquees.scrollleft=templayer.offsetwidth-marqueeswidth+1;
 }
}
function scrollright()
{
 var marquees = document.getelementbyid("marquees")
 if(stopscroll==true) return;

 preleft=marquees.scrollleft;
 marquees.scrollleft-=2;
 if(preleft==marquees.scrollleft)
 {
  if(!getlimit)
  {
   marquees.scrollleft=templayer.offsetwidth*2;
   getlimit=marquees.scrollleft;
  }
  marquees.scrollleft-=1;
 }
}
function left()
{
 stopscroll = false;
 sh = setinterval("scrollleft()",1);
}

function right()
{
 stopscroll = false;
 sh = setinterval("scrollright()",1);
}

function stopscroll()
{
 stopscroll = true;
 clearinterval( sh );
}
//-->
</script>
<div class="marqueef area">
  <style>
  #marquees {width:922px;overflow:hidden;}  
 </style>
  <table width="950" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="14"><img src="images/left.gif" width="14" height="47" alt="" onmouseout="stopscroll()" onmouseover="right()" style="cursor:pointer" /></td>
      <td width="922" valign="top" align="center"><div id="marquees">
        <table width="4995" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://go.sohu.com/samsung/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_ac5cef43_7e8b_449a_bf30_c8285346ca52_0.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://go.sohu.com/samsung/" target="_blank">三星i908e</a></span><br />
                  参考价格: 7000元<br />
                  上市日期:2008年9月<br />
                  类型:智能时尚<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/ideapads10/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/67b_8f4a6187_80aa_4b55_baa3_ba931a7bcfa4_1.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/ideapads10/" target="_blank">ideapad s9/s10</a></span><br />
                  参考价格: 3999元<br />
                  上市日期:2008年9月<br />
                  类型:时尚便携<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/tclx9/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/615_b05372d7_267d_466c_9c3a_373a359e4e15_0.jpg alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/tclx9/" target="_blank">tcl x9</a></span><br />
                  价格:52寸2万以上<br />
                  上市日期:10月<br />
                  类型:高清互动<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/sonyt700/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/9f_8b2a1227_f2ea_4e58_8bc1_fa88b41e52fc_0.gif alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/sonyt700/" target="_blank">索尼t700</a></span><br />
                  参考价格:2680<br />
                  上市日期:2008年9月<br />
                  类型:时尚便携相机</td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/big2/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/281_313617ae_d905_4ea4_82ed_8f174ba4ae64_0.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/big2/" target="_blank">方正 big2</a></span><br />
                  参考价格: 3999起<br />
                  上市日期:2008年10月<br />
                  类型:时尚便携<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/hp2133/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/281_dad545a9_e085_4db2_a14c_33119957269a_0.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/hp2133/index.shtml" target="_blank">hp mini 2133</a></span><br />
                  参考价格: 3999起<br />
                  上市日期:2008年4月<br />
                  类型:时尚便携<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/toshibar500/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/67b_8f4a6187_80aa_4b55_baa3_ba931a7bcfa4_0.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/toshibar500/" target="_blank">东芝 r500</a></span><br />
                  参考价格: 18000元<br />
                  上市日期:2008年4月<br />
                  类型:超薄时尚<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/wooo/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/75_e56e68a5_4672_4f2e_8a16_1d31e15e8133_0.gif????? alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/wooo/index.shtml" target="_blank">日立wooo电视</a></span><br />
                  参考价格:42寸18000<br />
                  上市日期:2008年5月<br />
                  类型:超薄时尚<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/lenovoidea/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/281_f204ab6f_dce5_44cd_bcc0_25973fe8517b_0.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/lenovoidea/" target="_blank">ideapad u110</a></span><br />
                  参考价格: 14600元<br />
                  上市日期:2008年4月<br />
                  类型:超薄时尚<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/nikond700/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/9f_8dc18af9_4486_4660_964f_8dcd332ba72c_0.gif alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/nikond700/" target="_blank">尼康d700</a></span><br />
                  参考价格:19600<br />
                  上市日期:2008年7月<br />
                  类型:中端全副单反</td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/canon1000d/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/9f_527d7bc0_c132_4e2d_9aa1_844d13bfa8b1_0.gif alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/canon1000d/" target="_blank">佳能1000d</a></span><br />
                  参考价格:4580元<br />
                  上市日期:2008年7月<br />
                  类型:低端单反</td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/gosmiog50/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/67b_9df442a9_5f87_43c9_973a_2c161caac58e_0.jpg alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/gosmiog50/" target="_blank">东芝qosmio g50</a></span><br />
                  参考价格:暂无价格<br />
                  上市日期:未上市<br />
                  类型:影音旗舰<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/s301/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/281_5ea04133_a41a_4906_86b7_ea0a4d42c0f3_0.jpg alt="" width="90" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/s301/index.shtml" target="_blank">方正小鼠本</a></span><br />
                  参考价格:7999元<br />
                  上市日期:2007年1月<br />
                  类型:时尚轻薄<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2007/iphone/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_3401ec46_326b_4f9e_876b_aa9f652bede2_0.jpg alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2007/iphone/" target="_blank">苹果 iphone</a></span><br />
                  参考价格: 3600元<br />
                  上市日期:2007年1月<br />
                  类型:时尚音乐手机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/thinkpadx300/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/281_d83bb793_e110_45d5_9728_724f60982ffa_0.jpg alt="" width="90" height="60" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/thinkpadx300/" target="_blank">thinkpad x300</a></span><br />
                  参考价格: 24999元<br />
                  上市日期:2008年3月<br />
                  本本类型:超薄商务<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/c902/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_b0f6640b_5979_47b7_86e6_ea67c4007f16_1.jpg alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/c902/index.shtml" target="_blank">索尼爱立信c902</a></span><br />
                  参考价格: 3280元<br />
                  上市日期:2008年8月<br />
                  类型:时尚拍照手机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/i8/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/9f_2d14648c_64ae_48a9_b43b_bb8c0f86c787_0.gif alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/i8/" target="_blank">三星蓝调i8</a></span><br />
                  参考价格:1450元<br />
                  上市日期:2008年2月<br />
                  类型:时尚便携<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/s100/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/80_9bbfe256_ed3e_43c8_91e8_06e3b4490d72_0.gif alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/s100/" target="_blank">富士 s100fs</a></span><br />
                  价格:¥4680<br />
                  上市日期:2008年3月<br />
                  类型:家用长焦相机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/u908/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_b0f6640b_5979_47b7_86e6_ea67c4007f16_0.jpg alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/u908/index.shtml" target="_blank">三星u908</a></span><br />
                  参考价格: 3800元<br />
                  上市日期:2007年5月<br />
                  类型:时尚拍照手机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/sharprx1/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/75_9e9e553f_4027_470e_bcba_3bf72936c302_0.jpg?? alt="" width="90" height="60" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/sharprx1/" target="_blank">夏普 rx系列</a></span><br />
                  参考价格:46寸25990<br />
                  上市日期:2008年4月<br />
                  类型:全高清液晶<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/macbookair/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/281_5cfdcd0a_4035_4b91_93a9_4e2a3236de09_0.jpg alt="" width="90" height="60" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/macbookair/" target="_blank">macbook air</a></span><br />
                  参考价格: 16998元<br />
                  上市日期:2008年2月<br />
                  本本类型:超薄时尚<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/viewty/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/80_ba365426_5dbd_4cc9_8853_15d2d163d650_0.jpg? alt="" width="80" height="70" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/viewty/index.shtml" target="_blank">lg ke998</a></span><br />
                  参考价格: 3700元<br />
                  上市日期:已上市<br />
                  类型:全触屏拍照<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="215" valign="top" align="center"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/d60/" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/9f_79c581fb_a033_41d1_8be0_1e1a104f87ee_0.gif alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/d60/" target="_blank">尼康 d60</a></span><br />
                  参考价格: 4300元<br />
                  上市日期:2008年2月<br />
                  类型:入门单反相机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /><br /></td>
            <td width="16"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/secret/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_f71855c0_e9d3_4b36_903e_7efa908e63f2_0.jpg alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/secret/index.shtml" target="_blank">lg kf755</a></span><br />
                  参考价格:5900<br />
                  上市日期:4月24<br />
                  类型:时尚滑盖手机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /></td>
            <td width="16"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/lg70/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/615_1b715db2_6697_4deb_be8c_b7bbb4aaaf4d_0.jpg? alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/lg70/index.shtml" target="_blank">lg70系列</a></span><br />
                  参考价格:47寸25999<br />
                  上市日期:已上市<br />
                  类型:数字电视一体机<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /></td>
            <td width="16"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/sony08tv/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/615_da782361_4a76_4c24_97d8_f141e5a146c4_0.jpg alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/sony08tv/index.shtml" target="_blank">索尼w380系列</a></span><br />
                  参考价格:46寸21999<br />
                  上市日期:已上市<br />
                  类型:全高清旗舰<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /></td>
            <td width="16"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/samsung650/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/615_4610b8f1_9be7_4bc6_9e9f_3b57199699cb_0.jpg alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/samsung650/index.shtml" target="_blank">三星650系列</a></span><br />
                  参考价格:40寸17999<br />
                  上市日期:已上市<br />
                  类型:豪华外观<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /></td>
            <td width="16"><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/changhong900/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/615_3896c823_0b84_4bdf_be18_4afabb7455d1_0.jpg alt="" width="90" height="68" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/changhong900/index.shtml" target="_blank">长虹900系列</a></span><br />
                  参考价格:无<br />
                  上市日期:2008年6月<br />
                  类型:全高清旗舰<br />
                </td>
              </tr>
            </table></td>
            <td width="16"><img src=yun_qi_img/20100916005334575.gif width=16 height=5 /></td>
            <td><table border="0" cellpadding="0" cellspacing="0" class="tabbga">
              <tr>
                <td width="95" align="center"><a href="http://digi.it.sohu.com/s2008/n96/index.shtml" target="_blank"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/616_4194ec44_4530_4f3f_9ba5_c8b584436f0b_0.jpg alt="" width="84" height="90" border="0" /></a></td>
                <td width="120" align="left"><span class="tt"><a href="http://digi.it.sohu.com/s2008/n96/index.shtml" target="_blank">诺基亚n96</a></span><br />
                  价格:¥5900<br />
                  上市日期:2008年8月<br />
                  类型:旗舰智能手机<br />
                </td>
              </tr>
            </table></td>
          </tr>
        </table>
      </div>
          <div id="templayer" style="left: 0px; visibility: hidden; position: absolute; top: 0px"></div></td>
      <td width="14"><img src="images/right.gif" width="14" height="47" alt="" onmouseout="stopscroll()" onmouseover="left()" style="cursor:pointer" /></td>
    </tr>
  </table>
</div>
 <!--底部信息,非代码内容===============================================--->

</body>

</html>
源码下载地址
http://down.111cn.net/down/code/js/jiaodiantu/2010/0914/20794.html
效果查看地址
http://g.111cn.net/javascript/js/20100914/sohu/

时间: 2024-10-26 03:50:38

js图片横向滚动代码的相关文章

js图片文字滚动代码

js图片文字滚动代码,本文章提供几款文字滚动的实例代码,大概原理是用js的时间来搞滑动效果哦. <script > var imgc = 1;//图片序列开始 var imgm = 5;//图片序列结束 var flag = 1;//标记鼠标移动 var tm;//定时器 //自动循环播放图片 function cgimg(){ if(flag==0)return; var mimg = document.getelementbyid("mimg"); mimg.src =

js图片循环滚动代码

 热图排行 1111111111111dadadadadadadadadadadadadadadadadadadada

图片无缝滚动代码(上下左右)js代码

<base href="http://www.111cn.net/">  <table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                           <tr><td>               

基于jquery实现点击左右按钮图片横向滚动_jquery

点击左右按钮图片横向滚动jquery,一次滚动四个,图片滚动完成,自动回到第一个版面: 效果图如下: 复制代码 代码如下: <!DOCTYPE html> <html lange="en"> <head> <title>点击左右按钮图片横向滚动</title> <meta charset=utf-8" /> <style type="text/css"> * { margi

jquery 图片横向滚动(可拖动)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="cont

图片左右滚动代码

  <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片左右滚动代码</titl

js文字横向滚动特效_javascript技巧

本文为大家分享了js文字横向滚动特效代码,具体实现内容如下: 页面布局  <div id="scroll_div" class="fl"> <div id="scroll_begin"> 恭喜793765***获得 <span class="pad_right">50元巨人点卡奖励</span> 恭喜793765***获得 <span class="pad_rig

js 图片切换效果代码

<html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 图片切换效果代码</title> <script language="javascript教程&quo

js图片切换特效代码

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js图片切换特效代码</titl