推荐js实现商品分类到搜索栏友好提示(人机交互)
2023-06-13 09:13:56 时间
中间的表格代表搜索表单,要实现的是点商品分类后有一个方框指向到搜索栏,用以清楚地告诉用户:点商品分类后是哪里改变了
转载请注明出处blueidea
方框移动
转载请注明出处blueidea
呵呵,效果很棒,不过在ff下有些小问题,已经改了。加精
给加了个鼠标提示
改成div后
var left=10;//方框左位置
var top=20;//方框上位置
不知道这2个定义的具体的用途是什么?
在严格认证下面,不论怎么调整都是相差了10个PX左右的位差,不知何故?
貌似改过大小之后对效果没有影响。
加了渐变背景色后速度慢了:
原理:
pixelTop和offsetTop是不一样的,pixelTop实际上是style.top的数字形式。而offsetTop是该对象实际上的偏移量。
而在一开始,这个fk对象的top是undefined的,未定义,所以pixelTop为0,而offsetTop由于body的margin的存在而不是0,实际上就是margin的值。
你如果有看我修改的pj的菜单代码,你也会看到类似的针对原来pixelTop的hack:
http://bbs.blueidea.com/thread-2722578-1-1.html
相关文章
- js indexOf 的正确用法「建议收藏」
- JS面试题-js新增基本数据类型BigInt
- Js生成二维码_js在线生成二维码
- JS获取当前年份_js获取当前时间年月日
- flv.js 直播_前端视频播放插件
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- Js 如何为对象拓展一个动态属性
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- 利用 JS 实现 Redis 的连接(js连接redis)
- 使用JS技术实现Oracle数据库链接(js 链接 oracle)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 奇妙的js
- 可以用来搜索当前页面内容的js代码
- 团购、定时抢购倒计时js版
- js中单引号与双引号冲突问题解决方法
- js实现带搜索功能的下拉框实时搜索实时匹配
- js中继承的几种用法总结(apply,call,prototype)
- js获取当前页面路径示例讲解
- js基本ajax写法示例代码
- JS替换文本域内的回车示例
- js鼠标悬浮出现遮罩层的方法
- 引用其它js时如何同时处理多个window.onload事件