推荐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使用switch语句
这篇文章主要介绍了你可能不需要在JavaScript使用switch语句，对switch性能感兴趣的同学，可以参考下
2021-04-04
js实现带有动画的返回顶部
这篇文章主要为大家详细介绍了js实现带有动画的返回顶部，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
javascript动画算法实例分析
这篇文章主要介绍了javascript动画算法,实例分析了javascript实现动画效果的实现及使用技巧,需要的朋友可以参考下
2015-07-07
JavaScript多线程详解
虽然有越来越多的网站在应用AJAX技术进行开发，但是构建一个复杂的AJAX应用仍然是一个难题。接下来小编给大家介绍JavaScript多线程，需要的朋友可以参考下
2015-08-08
javaScript中一些常见的数据类型检查校验
最近在面试的时候又被问到JS中检查校验数据类型的方法,所以这篇文章主要给大家介绍了关于javaScript中一些常见的数据类型检查校验的相关资料,需要的朋友可以参考下
2022-05-05
总结Javascript中的隐式类型转换
这篇文章谈谈JavaScript的隐式类型转换，我们知道在JavaScript中声明变量不需指定类型，对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。
2016-08-08
js substring从右边获取指定长度字符串(示例代码)
本篇文章主要是对js substring从右边获取指定长度字符串的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
Javascript三种字符串连接方式及性能比较
这篇文章主要介绍了Javascript三种字符串连接方式及性能比较，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-05-05
微信小程序实现单个或多个倒计时功能
这篇文章主要为大家详细介绍了微信小程序实现单个或多个倒计时功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
JS实现的ajax和同源策略(实例讲解)
下面小编就为大家分享一篇JS实现的ajax和同源策略的实例讲解，具有很好的参考价值，希望对大家有所帮助
2017-12-12

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具