回 帖 发 新 帖 刷新版面

主题:在ASP中如何运用JS来实现这样的功能?

一排滚动的图片,当放上向前图标上时,整个图片就会向前运动,而向后时,会向后移动的。这种效果如何实现呢?最好提供代码来参考或者是网上的例子也行..

回复列表 (共2个回复)

沙发

连这点都不会还敢接单!

这样做就行了!
做一个层用代码来延时或直接用 marquee 来做滚动!
自己定义一个中点!
然后写onmousemove事件处理代码:检测鼠标的位置是小于定义的中点坐标时改变到什么方向, 大于时是什么方向!就这么简单呀!

=======================

<HTML>
<HEAD>
    <Title>example</Title>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <META name="Generator" content="Asp Studio 1.0">
  <SCRIPT language="JavaScript" type="text/javascript">
        function UserMove(){
            if(parseInt(event.x) < 500){
                document.all("GDT").direction = "right";
            }else{
                document.all("GDT").direction = "left";
            }
        }
  </SCRIPT>
</HEAD>

<BODY>
 <TABLE OnMouseMove="UserMove();" BORDER="0" WIDTH="800" ALIGN="CENTER" CELLPADDING="0" CELLSPACING="0">
  <TR HEIGHT="100">
   <TD ALIGN="CENTER" VALIGN="MIDDLE" BGCOLOR="Yellow">
        <MARQUEE ID="GDT" direction="left" scrollamount="5" scrolldelay="8" style="FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: 宋体">
            <TABLE BORDER="1" WIDTH="800">
                <TR>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                 <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="" BORDER="0" WIDTH="100" HEIGHT="100" /></TD>
                </TR>
            </TABLE>
        </MARQUEE>
        </TD>
        </TR>
    </TABLE>
</BODY>
</HTML>

板凳

去看看这个例子
直接在原代码里考就可以了!
http://www.xj-sky.com/Article/index.asp

我来回复

您尚未登录,请登录后再回复。点此登录或注册