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

所属分类：网络编程 / JavaScript 阅读数： 625

收藏 0赞 0分享

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>方框移动</TITLE>  </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">  </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实现商品分类到搜索栏友好提示（人机交互）第1/3页

浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法

把vue-router和express项目部署到服务器的方法

Vue 2.5.2下axios + express 本地请求404的解决方法

vue和react等项目中更简单的实现展开收起更多等效果示例

vue webpack打包优化操作技巧

在vscode中统一vue编码风格的方法

vue+iview+less+echarts实战项目总结

深入理解ES6中let和闭包

浅谈用Webpack路径压缩图片上传尺寸获取的问题

webpack将js打包后的map文件详解

网络赚钱

站长故事