61,112
社区成员
发帖
与我相关
我的任务
分享如何在html中实现---当鼠标移动到图片上时显示一个信息提示框。
如何在html中实现---当鼠标移动到图片上时显示一个信息提示框。
...全文
请发表友善的回复…
发表回复
碧海情天-赵亮 2011-12-20
- 打赏
- 举报
方法很多。JS，CSS都可以（即使是IE6，也可以用<A>把图片包起来，对A使用HOVER伪类即可）。
楼主自己随便找一个吧，如果用着有问题再具体问。
楼主自己随便找一个吧，如果用着有问题再具体问。
linkhover 2011-12-20
- 打赏
- 举报
不管ie6的话 可以用hover伪类
达布留西 2011-12-20
- 打赏
- 举报
<img onblur="div()">
通过js方法div()做操作
通过js方法div()做操作
三石-gary 2011-12-20
- 打赏
- 举报
做一个隐藏的div 吧。。。
如是我闻2012 2011-12-20
- 打赏
- 举报
不知是要什么样的提示，如果还要在提示上链接，需要做隐藏div
一般的提示很简单，加入alt="图片信息" 或title="图片信息" 就可以了：
<img src="XXX.jpg" alt="图片信息">
一般的提示很简单，加入alt="图片信息" 或title="图片信息" 就可以了：
<img src="XXX.jpg" alt="图片信息">
提取，编辑和轻松评估XPath查询。
XPath的助手很容易提取，编辑，并在任何网页评估XPath查询。
重要提示：安装此扩展后，必须重新加载任何现有的选项卡或重新启动Chrome浏览器扩展工作。
说明：
1.打开一个新的标签，并导航到任何网页。
2.按Ctrl-Shift键-X（或OS X命令移-X），或单击工具栏上的XPath的助手按钮，以打开XPath助手控制台。
3.按住Shift键将鼠标悬停在页面上的元素。查询框将不断更新，以显示鼠标指针下方的元件XPath查询，结果框将显示当前查询的结果。
4.如果需要，请在控制台直接编辑XPath查询。结果框会立即反映更改。
5.重复步骤（2）关闭控制台。
如果控制台在你的方式获得，按住Shift键，然后将鼠标移动到它; 它会移动到页面的相对侧。
一个忠告：当渲染HTML表格，浏览器插入人工标记到DOM，这将在随后通过该扩展提取查询显示出来。
Extract, edit, and evaluate XPath queries with ease.
XPath Helper makes it easy to extract, edit, and evaluate XPath queries on any webpage.
IMPORTANT: After installing this extension, you must reload any existing tabs or restart Chrome for the extension to work.
Instructions:
1. Open a new tab and navigate to any webpage.
2. Hit Ctrl-Shift-X (or Command-Shift-X on OS X), or click the XPath Helper button in the toolbar, to open the XPath Helper console.
3. Hold down Shift as you mouse over elements on the page. The query box will continuously update to show the XPath query for the element below the mouse pointer, and the results box will show the results for the current query.
4. If desired, edit the XPath query directly in the console. The results box will immediately reflect your changes.
5. Repeat step (2) to close the console.
If the console gets in your way, hold down Shift and then move your mouse over it; it will move to the opposite side of the page.
One word of caution: When rendering HTML tables, Chrome inserts artificial tags into the DOM, which will consequently show up in queries extracted by this extension.
