• 所有问题

    • 网页制作如何让图片从左到右循环移动

    如题所述

    举报该问题
    其他回答
    第1个回答  2015-11-03
    网页制作(HTML)让图片从左到右循环移动使用 css +js完成。
    例如：从左向右循环移动
    <html>
    <head><title>图片向右循环滚动</title><head>
    <body>
    <div id=demo style="overflow:hidden;height:68px;width:800px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top nowrap="nowrap">
    <img src="http://www.newxing.com/skins/NewXing/logo.gif">
    <img src="http://www.newxing.com/skins/NewXing/logo.gif">
    <img src="http://www.newxing.com/skins/NewXing/logo.gif">
    <img src="http://www.newxing.com/skins/NewXing/logo.gif">
    </td><td id=demo2 valign=top></td></tr></table></div>
    <script>
    var speed = 30;
    demo2.innerHTML = demo1.innerHTML;
    function Marquee() {
    if(demo.scrollLeft<=0)
    demo.scrollLeft+=demo2.offsetWidth
    else {
    demo.scrollLeft--;
    }
    };
    var MyMar = setInterval(Marquee, speed);
    demo.onmouseover = function() {
    clearInterval(MyMar)
    };
    demo.onmouseout = function() {
    MyMar = setInterval(Marquee, speed)
    };
    </SCRIPT>
    </body>
    </html>
    第2个回答  2011-07-13
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <title>水平无接缝滚动代码_</title>
    <style type="text/css">
    <!--
    TD {FONT-SIZE: 12px;}
    </style>
    </head>

    <body>
    <div id=demo style="OVERFLOW: hidden; WIDTH: 760px; align: center">
    <table cellspacing="0" cellpadding="0" align="center"
    border="0">
    <tbody>
    <tr>
    <td id="marquePic1" valign="top">

    <table width="958" height="130" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="95" height="110" align="center">1</td>
    <td width="95" align="center">2</td>
    <td width="95" align="center">3</td>
    <td width="95" align="center">4</td>
    <td width="95" align="center">5</td>
    <td width="95" align="center">6</td>
    <td width="95" align="center">7</td>
    <td width="95" align="center">8</td>

    </tr>
    <tr>
    <td height="20" align="center" bgcolor="#0099FF">0</td>
    <td align="center">a</td>
    <td align="center">b</td>
    <td align="center">c</td>
    <td align="center">d</td>
    <td align="center">e</td>
    <td align="center">f</td>

    <td align="center" bgcolor="#FF6633">g</td>
    </tr>
    </table>

    </td>
    <td id="marquePic2" valign="top"></td>
    </tr>
    </tbody>
    </table>
    </div>

    <p>
    <script type=text/javascript>
    var speed=30
    marquePic2.innerHTML=marquePic1.innerHTML
    demo.scrollLeft=demo.scrollWidth
    function Marquee(){
    if(demo.scrollLeft<=0)
    demo.scrollLeft+=demo2.offsetWidth
    else{
    demo.scrollLeft--
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>

    </p>

    </body>
    </html>
    你可以把<td></td>之间的0-9或a、b……g换成你想放的图片或文字本回答被提问者采纳
    相似回答
    网页设计怎么移动网页设计怎么移动文字位置答：打开电脑网页，在浏览器底部会有一个左右滑动条，用鼠标左键点击上面不放进行左右拖动即可实现网页的左右移动，希望能帮助到你。移动集团V网短号怎么自己更改？1、登录中国移动的网站，然后在界面中找到亲情号码管理的选项，点击一下。2、点击亲情号码管理之后，进入新的界面，进入亲情号码的设置界面，点击设...
    网页制作如何让图片从左到右循环移动答：最简单的 <MARQUEE direction=right onmouseover=this.stop() onmouseout=this.start()scrollAmount=3>这里添加图片</MARQUEE> 其他就要用js+css了。
    FrontPage技巧:[8]如何制作网页滚动图片答：向左滚动只需要把向右滚动代码中的“direction=right”改为“direction=left”即可。向上循环滚动图片：向上滚动首先要把向右滚动代码中的“direction=right”改为“direction=up”，把“width=600”该为“width=170”。在marquee和/marquee之间输入代码 “DIV align=centerIMG src="图片网址1" ...
    c# winform程序 使图片从左上到右下循环移动答：namespace 图片循环移动 { public partial class Form1 : Form { PointF 控件位置;float 水平速度 = 7.0f;float 垂直速度 = 3.2f;public Form1() { InitializeComponent();} private void Form1_Load(object sender, EventArgs e) { 控件位置 = pictureBox1.Location;timer1.Enabled = true;}...
    图片循环移动代码.左到右.答：往左是：<marquee></marquee> 往右是：<marquee direction=right></marquee> 往上是：<marquee direction=up></marquee> 往下是：<marquee direction=down></marquee> 如果需要在当鼠标移动到图片上时停止滚动，就在<marquee>里加onmouseover=stop() onmouseout=start()，例如<marquee direction=down onm...
    c#中中添加一个picture控件,如何让控件重复从左至右不断循环运动?答：在C#中，可以使用 Timer 控件和代码控制 PictureBox 的位置，从而实现重复从左至右不断循环运动。以下是一个简单的示例代码：public partial class Form1 : Form { private int speed = 5; // 控件每次移动的速度 private int direction = 1; // 控件移动的方向 private Timer timer1; // 定时...
    怎么编写java程序实现"在窗口中,有一个图片循环地从窗口的左面移动到窗...答：import javax.swing.*;import java.awt.*;import java.awt.event.*;import java.awt.image.BufferedImage;public class TestCopy { public static void main(String[] args) { final JFrame f = new JFrame();JPanel p = new ...
    ...图片框在窗体上循环的移动用什么语句了?由左至右,由上至下。_百度...答：利用Timer控件，并写入代码Private Sub Timer1_Timer()Picture1.Top = Picture1.Top + 100 Picture1.Left = Picture1.Left + 100 End Sub 其中，里面的100可以自己设定
    DW中如何制作这种图片循环滚动?答：this.start();" > </marquee> 代码需要改进的很多，如果速度，及不间断显示 在链接的地方改成你的图片的位置。
    大家正在搜
    如何让水自动循环流动网页制作和网站制作如何让水自动循环视频如何让水自动无限循环如何让视频一直循环如何让一个短视频循环网站网页制作怎么可以让水自动循环从今开始不让憾事循环
    相关问题
    网页制作如何让图片从右到左循环移动，怎么修改一下，谢谢
    图片循环移动代码.左到右.
    html语言中关于一组图片自动循环从左往右移动的代码
    Dreamweaver 8 里面如何让图片从左往右的循环滚动...
    网页制作 怎么实现图片走动（左右）在页面下面
    做网站,如何能让图片,依次从右边向左循环移动,能显示出全部图...
    网页图片左右循环滚动代码
    网页中如何实现图片已张张从右想左移动的效果？希望高手给个制作...