1、为了操作方便，我们这里使用jquery来操作，所以先引入jquery脚本库文件。
2、html里，我们添加一个id为mouse的div就行了，里面有一些显示信息。
3、接着我们就可以添加js事件了，通过添加mouseover事件，我们就可以实现鼠标移进的逻辑事件了，在这里我们为p元素设置信息，提示鼠标移进了。
4、同理添加mouseout事件，就是鼠标移出的事件了。
5、运行页面，可以看到一个div里有一段文件，我们尝试把鼠标移动到div里。
6、移进去后，就可以看到有文字显示出来，提示鼠标已经移进来了。
7、鼠标移出后，也有对应的提示。我们的代码正确运行了。当然实际情况下，我们可以在鼠标移进去时显示一个窗口，图片等等。鼠标移出后，再隐藏掉这些内容。逻辑上都是一样的实现，就看大家的需求是怎样的了。
1.为了操作方便，我们这里使用jquery来操作，所以先引入jquery脚本库文件。
2.html里，我们添加一个id为mouse的div就行了，里面有一些显示信息。
3.接着我们就可以添加js事件了，通过添加mouseover事件，我们就可以实现鼠标移进的逻辑事件了，在这里我们为p元素设置信息，提示鼠标移进了。
4.同理添加mouseout事件，就是鼠标移出的事件了。
5.运行页面，可以看到一个div里有一段文件，我们尝试把鼠标移动到div里。
6.移进去后，就可以看到有文字显示出来，提示鼠标已经移进来了。
7.鼠标移出后，也有对应的提示。我们的代码正确运行了。当然实际情况下，我们可以在鼠标移进去时显示一个窗口，图片等等。鼠标移出后，再隐藏掉这些内容。逻辑上都是一样的实现，就看大家的需求是怎样的了。
其实很简单的：在
后面加上 就可以了 这个鼠标事件会覆盖原先的鼠标点击事件！
我最近写过一个类似tokenbox的插件，是jQuery的，也是从数据库中把用户名读取出来，鼠标点击输入框时加载数据。但不像你这个10个10个加载。不知道你用的上不。
float:right;层位于右侧position:absolute; right:20px; top:20px;这样是相对固定的。z-index:100px;层级于上层。JS jquery 调用，随鼠标移动，层跟着移动。$("#rel_div").css("top", $(document).scrollTop()+20 );//将滚动条高度赋给悬浮框。
要创建一个可以手动滑动的页面,可以参考以下步骤:
1. 设计页面布局:确定页面需要包含哪些元素,如文本、图像、按钮等,并决定它们在页面上的位置和大小。
2. 确定页面尺寸:根据设计布局确定页面的尺寸,包括宽度和高度。
3. 创建页面元素:根据设计布局创建页面元素,可以使用HTML和CSS来创建。
4. 添加JavaScript:为了实现手动滑动的功能,需要使用JavaScript来编写代码。可以使用jQuery库来简化JavaScript代码的编写。
5. 编写滑动函数:在JavaScript中编写一个函数,可以使用户通过触摸或鼠标拖动页面元素。这个函数可以检测用户的手指或鼠标移动,并根据移动距离和方向来移动页面元素。
6. 添加事件监听器:在HTML元素中添加事件监听器,以便在用户与页面交互时调用滑动函数。例如,可以添加一个事件监听器来监听页面上的鼠标或触摸事件。
7. 测试页面:在浏览器中测试页面,确保手动滑动功能可以正常工作。
实现手动滑动页面需要一些编程知识,如果不熟悉HTML、CSS和JavaScript等编程语言,可以考虑学习相关知识后再尝试实现。同时,可以参考网上的教程和示例代码来帮助自己理解和实现手动滑动页面的功能。