快捷導(dǎo)航

推薦js實現(xiàn)商品分類到搜索欄友好提示（人機交互）第1/3頁

更新時間：2007年05月20日 00:00:00 作者：

中間的表格代表搜索表單，要實現(xiàn)的是點商品分類后有一個方框指向到搜索欄，用以清楚地告訴用戶：點商品分類后是哪里改變了
轉(zhuǎn)載請注明出處 blueidea

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>方框移動</TITLE> <style language="javascript">  </style> </HEAD> <BODY>  <div   class="vvxyksv9kd"   id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div> <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需再刷新一下頁面才能執(zhí)行]

呵呵，效果很棒，不過在ff下有些小問題，已經(jīng)改了。加精

<!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>  <div   class="vvxyksv9kd"   id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div> <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需再刷新一下頁面才能執(zhí)行]

12 3 下一頁閱讀全文

您可能感興趣的文章: