主题:在ASP中如何运用JS来实现这样的功能?
csover
[专家分:1010] 发布于 2006-09-26 15:07:00
一排滚动的图片,当放上向前图标上时,整个图片就会向前运动,而向后时,会向后移动的。这种效果如何实现呢?最好提供代码来参考或者是网上的例子也行..
回复列表 (共2个回复)
沙发
啊远 [专家分:2610] 发布于 2006-10-02 19:09:00
连这点都不会还敢接单!
这样做就行了!
做一个层用代码来延时或直接用 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>
板凳
寻觅 [专家分:30] 发布于 2006-10-02 20:53:00
去看看这个例子
直接在原代码里考就可以了!
http://www.xj-sky.com/Article/index.asp
我来回复