京东导航条右边的下拉框可以使用HTML、CSS和JavaScript来实现。首先，在HTML中创建一个下拉框的结构，并使用CSS样式来定义其外观和位置。
然后，在JavaScript中通过监听鼠标事件来控制下拉框的显示和隐藏，并在下拉框中填充需要展示的内容。可以使用jQuery等工具库来简化操作和提高效率。
最后，需要适配不同的浏览器和设备，确保下拉框的兼容性和响应性。
要隐藏web下拉列表旁边的框，可以使用CSS样式来实现。可以通过设置下拉列表的父元素的position为relative，然后设置下拉列表的position为absolute，并且给它一个负值的top属性，使其移出屏幕可见范围。
另外，也可以给下拉列表的父元素设置overflow属性为hidden，这样就可以隐藏下拉列表旁边的框。通过这些CSS样式设置，可以有效地隐藏web下拉列表旁边的框，使页面看起来更加清爽和整洁。
一、打开Dreamweaver，点击 文件-新建 菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏链接处加一个空链接：#。然后保存该网页文件。
二、点击 窗口-行为 菜单，打开行为面板。
三、选中第一步输入的文字，点行为面板上的+号，在弹出的菜单中选-显示弹出式菜单。
四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息)，再点 继续。
用“层”做下拉菜单的方法--有点炫耀软件操作技巧的味道，做网页不会用这种方法。
dreamweaver cs6有spry面板功能可以制作类似效果，简单一些。
最方便的是用别人的代码，别人做得很好而且分享了，为什么不用非要自己费劲制作呢？当然最好理解代码，不过不理解能用也不错了。