网页中的对象，如：链接、图片等，如果有说明框的话，将更能引起浏览者的注意。
一般情况下，我们都是用alt或title属性来实现的，这种方法简单，无须编写脚本，但显示时间短，无法自定义样式，且在对象上不能随鼠标的移动而移动，所以常常让设计者感到美中不足。
在这种情况下，我写了一段代码，使用了DIV来代替说明框，使用了自定义属性来代替框中的内容。从效果上大家就可以看出来。这段代码的优越性：
只使用了一个DIV（样式随便定义），哪个对象需显示说明框，无须定义ID，只须定义属性xxx="..."即可（如果...从库内读出，岂不...），通用性、可移植性强...
<script language="JavaScript">
document.onmouseover=function(){showdiv();}//显示DIV
document.onmousemove=function(){if(odiv.style.visibility=='visible') setpos();}//移动DIV
document.onmouseout=function(){odiv.style.visibility='hidden';
}//隐藏DIV
function showdiv() {
if(event.srcElement.xxx && event.srcElement.xxx!=''){
setpos();
odiv.innerText=event.srcElement.xxx;
odiv.style.visibility='visible';
}
}
function setpos(){//设置DIV的位置及DIV样式中阴影的方向
if (odiv.offsetWidth+event.x >= document.body.offsetWidth) {
odiv.style.left=document.body.scrollLeft+event.x-odiv.offsetWidth;
x='l';//向左
}
else {
odiv.style.left=document.body.scrollLeft+event.x;
x='r'//向右
}
if (odiv.offsetHeight+event.y+18 >= document.body.offsetHeight) {
odiv.style.top=document.body.scrollTop+event.y-odiv.offsetHeight;
y='u';//向上
}
else {
odiv.style.top=document.body.scrollTop+event.y+18;
y='d';//向下
}
if (x+y=='lu') n=-45;//左上
if (x+y=='ru') n=45;//右上
if (x+y=='ld') n=-135;//左下
if (x+y=='rd') n=135;//右下
odiv.style.filter='progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=' + n + ')';
}
</script>
<body style="cursor:default">
<div id="odiv" style="visibility:hidden;width:250;text-overflow:ellipsis;padding:5 5;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;"></div>
<p style="background:yellow" xxx="这是一段文字
---------------------------------
由于有了自定义属性xxx，所以有了说明框！
注意不同位置下DIV阴影的方向：）">带说明框的文字</p>
<p>文字</p> <p>文字</p>
<a href="" xxx="这是一个超链接
---------------------------------
由于有了自定义属性xxx，所以有了说明框！
注意不同位置下DIV阴影的方向：）">带说明框的超链接</a>
<p>文字</p> <p>文字</p>
<img src="images/logo.gif" border="1" xxx="这是一个图片
---------------------------------
由于有了自定义属性xxx，所以有了说明框！
注意不同位置下DIV阴影的方向：）">
<p>文字</p> <p>文字</p>
<p style="background:yellow" xxx="这是一段文字
---------------------------------
由于有了自定义属性xxx，所以有了说明框！
注意不同位置下DIV阴影的方向：）">带说明框的文字</p>
分享到：
相关推荐
网页_创建新网页 说明：直接在Webbroswer或IES内写入一个完整的网页，创建前必须保证网页已打开 网页_读取Cookie 说明：成功返回当前网页的Cookie 网页_高亮关键字 说明：高亮网页上指定的关键字 网页_解除网页...
易语言网页联动组合框源码,网页联动组合框,取网页对象,取网页句柄,ObjectFromLresult,RegisterWindowMessage,SendMessageTimeout,GetWindow,GetClassName
- 创建一个新的 `Popup` 对象，将其赋值给 `this.Pop`。 - 定义提示框的HTML结构：边框颜色、背景色、大小、位置等。 - 使用CSS设置提示框的样式，例如边框颜色、宽度、高度等。 - 构建提示框内部的HTML结构，包括...
其次，新增的“取网页文档对象”命令是一个关键的增强功能。这个命令允许开发者获取网页文档的内部对象，这样可以更深入地操控和分析网页内容。例如，开发者可以通过此命令获取HTML元素，实现对网页的动态交互，或者...
在JSP（Java Server Pages）页面中，日期选择框是一个常用的用户界面元素，它允许用户以图形化的方式选择日期。这种交互方式对于处理与日期相关的数据输入非常方便，例如在预订系统、日程安排或者记录生日等场景。在...
这可以通过调用QLabel的setPixmap()函数来实现，传入一个QPixmap对象，该对象通常由QImage或者QPixmap构造函数生成。例如： ```cpp QImage image("path_to_your_image.jpg"); QPixmap pixmap = QPixmap::fromImage...
6. **“说明.txt”**：这是一个文本文件，通常用于存储项目说明、指导、注释或代码说明。对于ASP网页设计作业，它可能包含了项目要求、评分标准或者开发过程中的技术细节。 7. **网页设计原则**：在进行ASP网页设计...
以下是一个简单的示例，展示如何创建并加载一个网页到QWebEngineView： ```cpp #include #include int main(int argc, char *argv[]) { QApplication app(argc, argv); QWebEngineView *view = new ...
在截图过程中，我们可以利用`Graphics`对象来绘制WebBrowser控件的内容到一个Bitmap对象上。 3. **Bitmap类**：`Bitmap`是.NET Framework中的另一个类，代表位图图像。我们可以通过它创建一个新的图像，并将...
网页快照，也被称为网页截屏或网页捕获，是将一个网页的视觉表现形式作为一个图像保存下来的过程。这对于记录网页内容、进行网页分析或者创建网页预览等场景非常有用。在C#中实现这个功能，通常会涉及到以下几个关键...
总结起来，创建一个模仿QQ、MSN右下角弹出框的Winform智能组件涉及到了C#编程、Winform控件的自定义、图形绘制、动画效果实现以及事件处理等多个知识点。通过学习和实践这一过程，开发者不仅可以提升自己的.NET框架...
本文将详细介绍如何使用Visual Basic（简称VB）编写一个小程序来实现自动填写网页表单的功能。该程序可用于自动化一些常见的网页操作，如自动登录、数据批量录入等场景。通过本篇文章的学习，你将能够掌握以下核心...
`pictureBox`控件有一个`Paint`事件，当控件需要重绘时触发，我们可以在这个事件的处理函数中进行绘图操作。 ```csharp private void pictureBox1_Paint(object sender, PaintEventArgs e) { Graphics g = e....
《写给大家看的面向对象编程书(第3版)》是一部独具特色的面向对象技术著作。书中结合代码示例生动透彻地讲述了面向对象思想的精髓，让读者真正学会以对象方式进行思考。此外，《写给大家看的面向对象编程书(第3版)》...
在网页开发中，有时我们需要实现一个功能，即在iframe中打开一个新的弹出窗口，并且这个弹出窗口能够遮罩住其父级页面，提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...
【标题】"ECLIPSE写的一个学生信息管理系统网页版" 涉及的主要知识点是使用Eclipse开发基于Java和JSP技术的学生信息管理系统的Web应用程序。Eclipse是一款流行的开源集成开发环境（IDE），广泛用于Java开发。在这个...
总结起来，"C# winform 实时消息提示框"项目提供了一个实用的示例，它可以帮助开发者创建具有高级特性的实时消息通知系统。通过深入理解并应用这些知识点，开发者可以提升WinForm应用的用户体验，使其更加现代化和...
4. ClusterMap.1.0.0.0.pbiviz：Cluster Map 是一种地图视觉对象，用于显示分组或集群的数据点在地理上的分布。这在分析地理相关的数据时非常有用，如店铺分布、销售区域等。 5. SandDance.1.2.9.0.pbiviz：...
要实现复选框，我们需要创建一个自定义的委托（QStyledItemDelegate），这个委托负责绘制表项，包括复选框。 1. **自定义委托（QStyledItemDelegate）**： 创建一个继承自QStyledItemDelegate的新类，如`...
"android自定义相机带取景框"这个话题就是关于如何在Android应用中创建一个具有用户界面元素（如取景框）的自定义相机组件。下面将详细介绍这个过程中的关键知识点。 一、开启相机权限 在AndroidManifest.xml文件中...