FrontPage2003中制作滚动的图片的问题?
FrontPage2003,如何能让循环显示的图片当鼠标移到其上时,他便会停止滚动,并且,但张图片都可超链接。??烦劳各位高手解答一下,谢谢。...
FrontPage2003,如何能让循环显示的图片当鼠标移到其上时,他便会停止滚动,并且,但张图片都可超链接。??
烦劳各位高手解答一下,谢谢。 展开
烦劳各位高手解答一下,谢谢。 展开
1个回答
展开全部
<div id="ping-2-tonglan">
<span style="float:left; padding:0;"><img src="images/ekt_11.jpg" /><br /></span>
<table cellpadding=0 cellspacing=0 border=0 width="760px">
<tr>
<td>银孙
<div id='demo' style="overflow:hidden;height:129px;width:760px;color:#F0F0EF;border:0;">
<table cellpadding=0 cellspacing=0 border=0 width="760px">
<tr>
<td id='demo1' width="760px" align="center">
<table width="760px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" width="175">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr><td width="175" height="130" align="center" valign="top">
<御缓span style="float:left;padding:5px 5px;"镇搏模>
<a class="shuoming-37"><img height="100" width="170" border="0" src="images/48040.jpeg" /><br />图片1的说明</a>
</span>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td align="center" valign="top" width="175">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr><td width="175" height="130" align="center" valign="top">
<span style="float:left;padding:5px 5px;">
<a class="shuoming-37"><img height="100" width="170" border="0" src="images/48533.gif" /><br />图片2的说明</a>
</span>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td align="center" valign="top" width="175">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr><td width="175" height="130" align="center" valign="top">
<span style="float:left;padding:5px 5px;">
<a class="shuoming-37"><img height="100" width="170" border="0" src="images/48932.gif" /><br />图片3的说明</a>
</span>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td id='demo2' width="0"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script>
var speed=20 //速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else{
demo.scrollLeft = demo.scrollLeft + 1;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></div>
把这段代码中的图替换成你的图片,说明改一下就可以了。
这段代码你全部复制,存成一个html文件就可以运行。
<span style="float:left; padding:0;"><img src="images/ekt_11.jpg" /><br /></span>
<table cellpadding=0 cellspacing=0 border=0 width="760px">
<tr>
<td>银孙
<div id='demo' style="overflow:hidden;height:129px;width:760px;color:#F0F0EF;border:0;">
<table cellpadding=0 cellspacing=0 border=0 width="760px">
<tr>
<td id='demo1' width="760px" align="center">
<table width="760px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" width="175">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr><td width="175" height="130" align="center" valign="top">
<御缓span style="float:left;padding:5px 5px;"镇搏模>
<a class="shuoming-37"><img height="100" width="170" border="0" src="images/48040.jpeg" /><br />图片1的说明</a>
</span>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td align="center" valign="top" width="175">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr><td width="175" height="130" align="center" valign="top">
<span style="float:left;padding:5px 5px;">
<a class="shuoming-37"><img height="100" width="170" border="0" src="images/48533.gif" /><br />图片2的说明</a>
</span>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td align="center" valign="top" width="175">
<table width="155" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr><td width="175" height="130" align="center" valign="top">
<span style="float:left;padding:5px 5px;">
<a class="shuoming-37"><img height="100" width="170" border="0" src="images/48932.gif" /><br />图片3的说明</a>
</span>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td id='demo2' width="0"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script>
var speed=20 //速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else{
demo.scrollLeft = demo.scrollLeft + 1;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></div>
把这段代码中的图替换成你的图片,说明改一下就可以了。
这段代码你全部复制,存成一个html文件就可以运行。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询