1. 爱易网页
  2. HTML教程
  3. 困扰很久的有关问题，希望大家指点下

困扰很久的有关问题，希望大家指点下

日期：2014-05-17　 浏览次数：20689 次

困扰很久的问题，希望大家指点下！
<!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 "     xml:lang= "zh-CN "   lang= "zh-CN ">
<head>
<title> </title>
<base   href= "http://www.wooyo.net/qh/ "   />
<style>
*                                                   {margin:0px   auto;padding:0px;}
body                                             {font:12px   Tahoma;background:#FFF;margin:10px   auto;}
img{
border:0px;display:block;
}
.mqb{
float:left;margin:5px   0   0   5px;background:url(images/marbg.gif);height:108px;width:572px;padding:4px;
overflow:   hidden;
}
.mqi{
float:left;
position:   relative;
}
.mqi   img{
border:1px   solid   #000000;margin:1px   2px;width:137px;height:103px;
}
.mqi   dd{
position:   absolute;bottom:3px;left:3px;width:137px;height:20px;background-color:#ffffff;line-height:20px;text-align:center;filter:Alpha(opacity=70);-moz-opacity:0.7;
overflow:   hidden;
}
</style>
<body>
<div   class= "mqb ">
<dl   class= "mqi ">
<dt> <a   href=#> <img   src= "images/tmp1.jpg "   /> </a> </dt>
<dd> 校园风景 </dd>
</dl>
<dl   class= "mqi ">
<dt> <a   href=#> <img   src= "images/tmp2.jpg "   /> </a> </dt>
<dd> 校园风景 </dd>
</dl>
<dl   class= "mqi ">
<dt> <a   href=#> <img   src= "images/tmp2.jpg "   /> </a> </dt>
<dd> 校园风景 </dd>
</dl>
<dl   class= "mqi ">
<dt> <a   href=#> <img   src= "images/tmp2.jpg "   /> </a> </dt>
<dd> 校园风景校园风景校园风景 </dd>
</dl> </marquee>
</div>
</body>


需要实现图片从右象左的无缝滚动！多浏览器支持，至少IE，Firefox
想了很久，试了很多办法都没能解决！希望大家帮帮忙。

------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html;charset=gb2312 " />
<title> left scroll </title>
<style type= "text/css ">
a { font-size: 12px; }
.dhMarquee {width: 500px; height: 30px; line-height: 30px; text-align: left; margin: 0; padding: 0; border: 1px solid #000; overflow: hidden; white-space: nowrap;}
.mqdemo {margin: 0; padding: 0;}
</style>
</head>
<body>
<div id= "mq " class= "dhMarquee " onmouseover= "iScrollAmount=0 " onmouseout= "iScrollAmount=1 ">
<span id= &

相关资料更多>

  1. 应用jQuery使HTML中的table奇偶行变色
  2. 利用CSS，链接下划线也玩自定义(一)
  3. 应用CSS完全手册！
  4. 请教下写css的时候，class层级过多会影响页面的渲染性能吗
  5. HTML DOM的nodeType值引见
  6. 网页制作,该如何解决
  7. 怎么让字符串（数字和字母）这样竖着显示
  8. 一个form中只能有一个fieldset元素吗？解决方案
  9. HTML CSS式样中,自动换行