js滚动图片的时候如何控制里面图片的大小
网上找了很多js滚动图片的效果,但是都是下载下来然后图片是固定了的,我现在需要把图片的宽度和高度都要修改成自己的,但是那个计算我改了好半天都没修改好,就是那个每个图片中间...
网上找了很多js滚动图片的效果,但是都是下载下来然后图片是固定了的,我现在需要把图片的宽度和高度都要修改成自己的,但是那个计算我改了好半天都没修改好,就是那个每个图片中间的间隔宽度*间隔的个数+图片的宽度*图片的个数的那个东西,有的在样式里面,有的在js里面老是设置不恰当,要么就是前几个滚动正常,后面的就只能显示半张图片了越到后面就越不行了,希望能给个简单计算就能设置的实例,谢谢!
同时还有箭头点击滚动的! 展开
同时还有箭头点击滚动的! 展开
2个回答
展开全部
我这有一个不间断向左滚动的代码,很好用的,你可以试试看
<div id="Demo_t0" style="overflow:hidden;width:730;height:182;">
<table width=" 0" height="136" border=0 align=center cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td align="center" valign=top id=Demo_t1><table width=" 0" height="136" border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td width=" 0" align="center" valign="middle">滚动内容</td>
</tr>
</table></td>
<td width="1" valign=top id=Demo_t2></td>
</tr>
</table>
</div>
<script language="javascript">
var Demo_speed=30
Demo_t2.innerHTML=Demo_t1.innerHTML
function Demo_Marquee(){
if(Demo_t2.offsetWidth-Demo_t0.scrollLeft<=0)
Demo_t0.scrollLeft-=Demo_t1.offsetWidth
else{
Demo_t0.scrollLeft++
}
}
var Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)
Demo_t0.onmouseover=function() {clearInterval(Demo_MyMar)}
Demo_t0.onmouseout=function() {Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)}
</script>
注意数值的修改:
width:730;height:182 这个是滚动范围的宽与高的范围
speed=30 是滚动速度的设置,数值越小,速度越快。
代码说明:
可设置一个一行一列的表格,然后将要滚动的图片依次上传到该图片中。然后将这段所生成的代码,在滚动代码中,将“滚动内容”几个字替换。 可以试一试
<div id="Demo_t0" style="overflow:hidden;width:730;height:182;">
<table width=" 0" height="136" border=0 align=center cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td align="center" valign=top id=Demo_t1><table width=" 0" height="136" border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td width=" 0" align="center" valign="middle">滚动内容</td>
</tr>
</table></td>
<td width="1" valign=top id=Demo_t2></td>
</tr>
</table>
</div>
<script language="javascript">
var Demo_speed=30
Demo_t2.innerHTML=Demo_t1.innerHTML
function Demo_Marquee(){
if(Demo_t2.offsetWidth-Demo_t0.scrollLeft<=0)
Demo_t0.scrollLeft-=Demo_t1.offsetWidth
else{
Demo_t0.scrollLeft++
}
}
var Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)
Demo_t0.onmouseover=function() {clearInterval(Demo_MyMar)}
Demo_t0.onmouseout=function() {Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)}
</script>
注意数值的修改:
width:730;height:182 这个是滚动范围的宽与高的范围
speed=30 是滚动速度的设置,数值越小,速度越快。
代码说明:
可设置一个一行一列的表格,然后将要滚动的图片依次上传到该图片中。然后将这段所生成的代码,在滚动代码中,将“滚动内容”几个字替换。 可以试一试
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询