PHP左右滚动条

Question

请问高人，把php从数据库中读出的图片做成左右滚动显示的效果，如何实现？

Answer 1

左右滚动属于前台页面的东西,和php无关!用js配合css实现!

Answer 2

刚才发给你了 你只要冲数据库中读出图片文件 然后你在把图片复制给HTML image 这个标签就OK

Answer 3

jQuery有很多类似的代码。楼主可以搜索一下！

Answer 4

给个例子你看看<div id="content_bottom">
<h2><span><a target="_blank" href="http://www.fenfun.com/trend">更多&gt;&gt;</a></span>时尚图库</h2>
<DIV id=trenddemo class="hdo gd_imgrun" style="OVERFLOW: hidden; WIDTH: 983px; HEIGHT: 205px;border:1px solid #B8BCCD">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=trenddemo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=4 width=2150 border=0 id="tupian">
<TBODY>
<TR>  <DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8150" title="时髦MM出街爆潮混搭~"><IMG src='http://www.fenfun.com/trend/images/201007/20/111386_12796199996c0h.jpg.thumb.jpg'  alt="时髦MM出街爆潮混搭~" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8148" title="潮爆美包白菜价疯抢~"><IMG src='http://www.fenfun.com/trend/images/201007/20/111501_1279616653vvhb.jpg.thumb.jpg'  alt="潮爆美包白菜价疯抢~" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8146" title="神奇章鱼哥为你带来好运《二》"><IMG src='http://www.fenfun.com/trend/images/201007/20/115024_1279614700y6d8.jpg.thumb.jpg'  alt="神奇章鱼哥为你带来好运《二》" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8143" title="誓做美发达人~真正的优雅盘发!超美《一》"><IMG src='http://www.fenfun.com/trend/images/201007/20/116215_1279613981txqo.jpg.thumb.jpg'  alt="誓做美发达人~真正的优雅盘发!超美《一》" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8119" title="今夏OL最爱的气质女包"><IMG src='http://www.fenfun.com/trend/images/201007/20/116210_1279593972jqdv.jpg.thumb.jpg'  alt="今夏OL最爱的气质女包" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8092" title="万众瞩目的主角级！七月美妞儿疯抢美鞋《一》"><IMG src='http://www.fenfun.com/trend/images/201007/19/121637_1279553053p9nm.jpg.thumb.jpg'  alt="万众瞩目的主角级！七月美妞儿疯抢美鞋《一》" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8085" title="抢眼利器当刮目相看 时尚最值音乐手机推荐"><IMG src='http://www.fenfun.com/trend/images/201007/19/116215_1279549851zr3a.jpg.thumb.jpg'  alt="抢眼利器当刮目相看 时尚最值音乐手机推荐" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8084" title="带上相机去游泳吧 夏日热卖三防DC推荐"><IMG src='http://www.fenfun.com/trend/images/201007/19/116113_1279549439ub0z.jpg.thumb.jpg'  alt="带上相机去游泳吧 夏日热卖三防DC推荐" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8083" title="名格灯饰"><IMG src='http://www.fenfun.com/trend/images/201007/19/116113_1279549122ubwz.jpg.thumb.jpg'  alt="名格灯饰" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8050" title="女星上街抢镜法宝 怀旧风“吹热”牛仔衣"><IMG src='http://www.fenfun.com/trend/images/201007/19/122934_1279499934d8d0.jpg.thumb.jpg'  alt="女星上街抢镜法宝 怀旧风“吹热”牛仔衣" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8049" title="我是音乐怪物小音箱"><IMG src='http://www.fenfun.com/trend/images/201007/19/122934_1279499609wj4t.jpg.thumb.jpg'  alt="我是音乐怪物小音箱" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8046" title="新款搞怪手表 时尚潮人必备"><IMG src='http://www.fenfun.com/trend/images/201007/19/122219_1279497995s3yc.jpg.thumb.jpg'  alt="新款搞怪手表 时尚潮人必备" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8043" title="火热的夏季，指尖绽放奢华与优雅"><IMG src='http://www.fenfun.com/trend/images/201007/19/122212_1279496096m4xl.jpg.thumb.jpg'  alt="火热的夏季，指尖绽放奢华与优雅" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8040" title="超俏皮可爱的创意包包水杯"><IMG src='http://www.fenfun.com/trend/images/201007/19/122212_1279494760pkux.jpg.thumb.jpg'  alt="超俏皮可爱的创意包包水杯" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8038" title="最有减肥发言权的女明星秘方《一》"><IMG src='http://www.fenfun.com/trend/images/201007/18/117105_1279466816vrly.jpg.thumb.jpg'  alt="最有减肥发言权的女明星秘方《一》" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8034" title="黑白灰冷感家装时尚爱巢"><IMG src='http://www.fenfun.com/trend/images/201007/18/122255_1279444230oada.jpg.thumb.jpg'  alt="黑白灰冷感家装时尚爱巢" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8033" title="时尚实用办公桌"><IMG src='http://www.fenfun.com/trend/images/201007/18/122160_1279443641l971.jpg.thumb.jpg'  alt="时尚实用办公桌" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8028" title="爱戴博客曝光瘦身心得 透露血型减肥的秘密"><IMG src='http://www.fenfun.com/trend/images/201007/18/121643_1279424783hpvq.jpg.thumb.jpg'  alt="爱戴博客曝光瘦身心得 透露血型减肥的秘密" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8024" title="潮女败家首选！八款时尚女生手机推荐《一》"><IMG src='http://www.fenfun.com/trend/images/201007/18/121641_1279423205zlcs.jpg.thumb.jpg'  alt="潮女败家首选！八款时尚女生手机推荐《一》" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8018" title="炎炎夏日北京潮人街拍"><IMG src='http://www.fenfun.com/trend/images/201007/18/121640_1279421206va8c.jpg.thumb.jpg'  alt="炎炎夏日北京潮人街拍" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8016" title="超惊悚“血浆”面膜，效果超赞，胆小勿入"><IMG src='http://www.fenfun.com/trend/images/201007/18/121639_12794203485zdo.jpg.thumb.jpg'  alt="超惊悚“血浆”面膜，效果超赞，胆小勿入" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8014" title="女星妩媚的长短发型大PK"><IMG src='http://www.fenfun.com/trend/images/201007/18/121639_1279419738vue6.jpg.thumb.jpg'  alt="女星妩媚的长短发型大PK" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=8004" title="日本街头潮女真时尚"><IMG src='http://www.fenfun.com/trend/images/201007/18/121642_12794148961uz1.jpg.thumb.jpg'  alt="日本街头潮女真时尚" ></A></TD></DIV><DIV class="box mouse_bg"><TD align=middle><A class=a1 href="http://www.fenfun.com/trend/index.php?action=detail&amp;id=7996" title="新奇特可爱搞怪创意水杯"><IMG src='http://www.fenfun.com/trend/images/201007/18/121646_12794093636zej.jpg.thumb.jpg'  alt="新奇特可爱搞怪创意水杯" ></A></TD></DIV>  </TR>
</TBODY>
</TABLE>
</TD>
<TD id=trenddemo2 vAlign=top></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</div><script language="javascript" type="text/javascript">  var speed1=20//速度数值越大速度越慢
  document.getElementById("trenddemo2").innerHTML=document.getElementById("trenddemo1").innerHTML
  function Marquee1(){
  if(document.getElementById("trenddemo2").offsetWidth-document.getElementById("trenddemo").scrollLeft<=0)
   document.getElementById("trenddemo").scrollLeft-=document.getElementById("trenddemo1").offsetWidth
  else{
   document.getElementById("trenddemo").scrollLeft++
  }
  }
  var MyMar1=setInterval(Marquee1,speed1)
  document.getElementById("trenddemo").onmouseover=function () {clearInterval(MyMar1)}
  document.getElementById("trenddemo").onmouseout=function () {MyMar1=setInterval(Marquee1,speed1)}
</script>