源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

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

时间：2021-10-06 08:26 编辑：来源：阅读：
扫一扫，手机访问

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

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

方框移动

<div id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div> 
<table bgcolor="#ff1111" border="0" cellpadding="4" cellspacing="1" style="border: 1px solid #666666"> 
<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 bgcolor="#ff1111" border="0" cellpadding="4" cellspacing="1" style="border: 1px solid #666666"> 
<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>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]呵呵，效果很棒，不过在ff下有些小问题，已经改了。加精 [/b]

方框移动 
<meta content="text/html; charset=GBK" http-equiv="Content-Type">

<div id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div> 
<table bgcolor="#ff1111" border="0" cellpadding="4" cellspacing="1" style="border: 1px solid #666666"> 
<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 bgcolor="#ff1111" border="0" cellpadding="4" cellspacing="1" style="border: 1px solid #666666"> 
<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>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

当前1/3页 [b]1[/b][url=http://www.1sucai.cn/article/10022_2.htm]2[/url][url=http://www.1sucai.cn/article/10022_3.htm]3[/url][url=http://www.1sucai.cn/article/10022_2.htm]下一页[/url][url=http://www.1sucai.cn/article/10022_all.htm]阅读全文[/url]

全部评论(0)

上一篇：JavaScript的Backbone.js框架入门学习指引
下一篇：前端框架Vue.js构建大型应用浅析

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部