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

更新时间：2007年05月20日 00:00:00 作者：

中间的表格代表搜索表单，要实现的是点商品分类后有一个方框指向到搜索栏，用以清楚地告诉用户：点商品分类后是哪里改变了
转载请注明出处 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> <div 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需再刷新一下页面才能执行]

呵呵，效果很棒，不过在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> <div 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需再刷新一下页面才能执行]

12 3 下一页阅读全文

您可能感兴趣的文章:

推荐js实现商品分类到搜索栏友好提示（人机交互）

JavaScript实现动态加载删除表格
这篇文章主要为大家详细介绍了JavaScript实现动态加载删除表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
JavaScript利用Canvas实现粒子动画倒计时
粒子动画就是页面上通过发射许多微小粒子来表示不规则模糊物体。本文将利用canvas实现酷炫的粒子动画倒计时，感兴趣的小伙伴可以尝试一下
2022-12-12
JS中把函数作为另一函数的参数传递方法(总结)
下面小编就为大家带来一篇JS中把函数作为另一函数的参数传递方法(总结)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
详解基于原生JS验证表单组件xy-form
这篇文章主要介绍了详解基于原生JS验证表单组件xy-form，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
一文教你用纯JS实现一个五子棋游戏
实现一个五子棋游戏, 简要分析其原理, 页面并没有很花哨, 原理搞懂了, 后面的就是很轻松的事了,本文给大家介绍了如何用纯JS实现一个五子棋游戏,文中通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下
2023-12-12
js的表单操作简单计算器
javascript写的简单的加减乘除计算器，里面涉及到一些方法还是很实用的哦，新手不要错过
2011-12-12
js的touch事件的实际引用
研究移动端页面的触屏滑动事件，搜索jquery 的相应技术支持实在繁琐，而js只需几步简单定义即可，下面与大家分享下js的touch事件的实际引用
2014-10-10
WebGame《逆转裁判》完整版代码下载(1月24日更新)
WebGame《逆转裁判》完整版代码下载(1月24日更新)...
2007-01-01
用JS操作FRAME中的IFRAME及其内容的实现代码
一直都需要这样的东西，发现了这个好东西，一定要研究下
2008-07-07
javascript实现的固定位置悬浮窗口实例
这篇文章主要介绍了javascript实现的固定位置悬浮窗口,以一个完整实例形式详细分析了javascript实现固定位置悬浮窗口的相关技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04