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

2024-09-06 12:42:21

字體：大中小

來源：轉載

供稿：網友

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>方框移動</TITLE> <style language="javascript">  </style> </HEAD> <BODY>   <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>   <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>                </SPAN>
</div>
</div>
<div   id="w2eemcc"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="wwsmo64"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-06/1561536.html'>getElementById在任意一款瀏覽器中都可以用嗎的疑問回復</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-06/1561538.html'>asp 的 分詞實現代碼</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="8cqwwaa"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流