首页 / 脚本样式 / JavaScript / 推荐js实现商品分类到搜索栏友好提示（人机交互）第1/3页

中间的表格代表搜索表单，要实现的是点商品分类后有一个方框指向到搜索栏，用以清楚地告诉用户：点商品分类后是哪里改变了
转载请注明出处 blueidea

<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>方框移动</TITLE> <style language="javascript"></style> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"></SCRIPT><TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0> <TR bgcolor=#ffffff> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">笔记本</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">电冰箱</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">波比娃娃</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">小家电</TD> </TR> </TABLE><TABLE id="aim" style="border: 1px solid #666666 ; width: 227px; height: 300px;"> <TR> <TD></TD> </TR> </TABLE> <TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0> <TR bgcolor=#ffffff> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">笔记本</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">电冰箱</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">波比娃娃</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;function（）{MyMar=setInterval（move,speed）}">小家电</TD> </TR> </TABLE> </BODY> </HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
呵呵，效果很棒，不过在ff下有些小问题，已经改了。加精

<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>方框移动</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style language="javascript"></style> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"></SCRIPT><TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0> <TR bgcolor=#ffffff> <TD onClick="setSource（this）;MyMar=setInterval（move,speed）">笔记本</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">电冰箱</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">波比娃娃</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">小家电</TD> </TR> </TABLE><TABLE id="aim" style="border: 1px solid #666666 ; width: 227px; height: 300px;"> <TR> <TD></TD> </TR> </TABLE> <TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0> <TR bgcolor=#ffffff> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">笔记本</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">电冰箱</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">波比娃娃</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">小家电</TD> <TD onClick="setSource（this）;{MyMar=setInterval（move,speed）}">小家电</TD> </TR> </TABLE> </BODY> </HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
当前1/3页 123下一页