`
dazhilao
  • 浏览: 245898 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

下拉列表<option>中 ONMOUSEOVER显示注释

JavaScriptHTML 
阅读更多
HTML：<select id="selects"> <option selected="selected" id="brazil" onmouseover="tooltip(this)" onmouseout="nodisplay()" onclick="nodisplay()">巴西</option> <option id="usa" onmouseover="tooltip(this)" onmouseout="nodisplay()" onclick="nodisplay()">美国</option> <option id="chn" onmouseover="tooltip(this)" onmouseout="nodisplay()" onclick="nodisplay()">中华人民共和国</option></select><div id="tooltipBlock" style="position: block; display: none;">sdffds</div>    JAVASCRIPT： var tip = document.getElementById("tooltipBlock"); var selects = document.getElementById("selects"); function tooltip(obj) { var x = selects.offsetLeft, y = obj.offsetTop, h = obj.offsetHeight, w = selects.offsetWidth; /*tip.style.width = w + "px";  （这部分是定义显示提示的块的宽度） */ tip.style.marginLeft = x + w + "px"; tip.style.marginTop = y - 30 +  "px"; tip.style.display = "block"; tip.innerHTML = "这部分为程序传递（把数据库里相关国家资料传过来）"; } function nodisplay() { tip.style.display = "none"; }
分享到：
| jquery validate remote
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    鼠标悬停<a>标签效果

    在网页设计中，鼠标悬停效果是提升用户体验的重要一环，尤其对于链接（&lt;a&gt;标签）来说，这种交互设计可以向用户明确指示可点击区域并预览相关信息。本话题我们将深入探讨“鼠标悬停&lt;a&gt;标签效果”的实现，以及如何通过...

    html标记大全 有marquee，table，form等最常用标记。

    &lt;p&gt;&lt;strike&gt;删除线文本&lt;/strike&gt; &lt;s&gt;不准确的文本&lt;/s&gt; &lt;del&gt;已删除的文本&lt;/del&gt;&lt;/p&gt; ``` #### 5. 换行与分隔线 - **换行**：`&lt;br&gt;`。用于强制换行。 - **水平分隔线**：`&lt;hr&gt;`。用于创建水平线，可设置宽度、高度、...

    html手册标签大全

    - `&lt;option&gt;`：下拉选项。 - `&lt;textarea&gt;`：多行文本输入。 - `&lt;button&gt;`：定义按钮。 - `&lt;label&gt;`：关联输入元素，方便点击。 十、HTML事件和属性 事件是指在特定时刻触发的行为，如用户点击、页面加载等。常见的...

    XhtmlTag详解包含所有xhtml使用标签页面

    - `&lt;select&gt;`：下拉列表，`&lt;option&gt;`定义选项。 - `&lt;textarea&gt;`：多行文本输入框。 - `&lt;label&gt;`：为输入元素提供关联描述。 - `&lt;button&gt;`：创建按钮，可执行提交或自定义操作。 8. **块级与内联元素** - 块级...

    HTML学习资料.rar

    &lt;button&gt;定义按钮，&lt;select&gt;和&lt;option&gt;用于下拉列表。 7. **框架**：HTML的&lt;frameset&gt;和&lt;frame&gt;元素可以创建页面框架，允许在一个浏览器窗口内显示多个独立的HTML文档。 8. **事件与交互**：HTML标签可以绑定...

    html网页技巧

    10. **表单控件**：`&lt;form&gt;`用于创建表单，`&lt;input&gt;`有多种类型（文本、密码、复选、单选等），`&lt;textarea&gt;`用于多行输入，`&lt;select&gt;`和`&lt;option&gt;`用于下拉菜单，`&lt;button&gt;`定义按钮。 11. **事件处理**：HTML中的...

    李炎恢XHTML项目源代码

    而&lt;form&gt;元素用于创建交互式表单，常用&lt;input&gt;定义输入控件，&lt;select&gt;和&lt;option&gt;创建下拉菜单，&lt;button&gt;定义按钮，&lt;label&gt;关联控件和文本。 6. **事件处理**：XHTML允许在标签中直接添加JavaScript事件，如`onclick...

    一本实用的HTML语言教程

    3. **图像元素**：`&lt;img&gt;`元素用于在网页中插入图片，其`src`属性指定图片的URL，`alt`属性提供替代文字，用于无法显示图片时的描述。 4. **列表元素**：`&lt;ul&gt;`和`&lt;ol&gt;`用于无序和有序列表，它们的子元素`&lt;li&gt;`表示...

    HTML代码效果对比学习光盘（中）

    &lt;img&gt;标签插入图像，需要指定src属性为图像源URL，alt属性提供替代文字，对于无法显示图像的环境很有用。 八、HTML5新增元素 HTML5引入了许多新的语义化元素，如&lt;header&gt;（页眉）、&lt;nav&gt;（导航）、&lt;section&gt;（节）...

    js 框架之一

    &lt;br&gt; }&lt;br&gt; &lt;/script&gt;&lt;br&gt; &lt;/head&gt;&lt;br&gt; &lt;br&gt; &lt;body&gt;&lt;br&gt; &lt;div id=cpst style="display:none"&gt;&lt;br&gt; &lt;br&gt; &lt;iframe src="image/cpst.jpg" &lt;br&gt;style="position:absolute; visibility:inherit; top:0px; left:0px; ...

    html语言标记查询手册

    2. 表单元素：如输入框（&lt;input&gt;）、按钮（&lt;button&gt;）、选择框（&lt;select&gt;、&lt;option&gt;）、复选框（&lt;input type="checkbox"&gt;）和单选按钮（&lt;input type="radio"&gt;）。 3. 链接和导航：如何使用&lt;a&gt;标签创建内部和外部链接...

    w3school中文全站 2013年5月版 html版

    8. 框架和布局：如框架集&lt;frameset&gt;和框架[frame]，以及CSS（Cascading Style Sheets）在布局中的应用。 9. 表单&lt;form&gt;：掌握输入元素&lt;input&gt;、文本域&lt;textarea&gt;、复选框&lt;checkbox&gt;、单选按钮&lt;radio&gt;等，以及表单...

    ATL实现的CDHtmlDialog模板类

    开发者只需关注其中两个模板类：CDHtmlDialogImpl&lt;&gt;和CMultiPageDHtmlDialogImpl&lt;&gt;，第一个模板类实现了WEB页面布局的对话框，第二个模板类以第一个类为基础，扩展成了在一个对话框中支持多个页面。&lt;br&gt;&lt;br&gt;使用方式...

    htm参考手册

    2. **HTML标签**：学习各种HTML标签，如&lt;head&gt;中的&lt;title&gt;用于设置页面标题，&lt;meta&gt;用于元信息，&lt;body&gt;中的&lt;h1&gt;到&lt;h6&gt;用于标题，&lt;p&gt;用于段落，&lt;a&gt;用于链接等。 3. **HTML属性**：理解不同标签的属性，比如&lt;a&gt;标签的...

    HTML中文应用手册

    `&lt;a&gt;`用于创建链接，`&lt;h1&gt;`至`&lt;h6&gt;`定义不同级别的标题，`&lt;ul&gt;`和`&lt;li&gt;`组合用于无序列表，`&lt;ol&gt;`和`&lt;li&gt;`用于有序列表。 三、HTML属性 属性为HTML元素提供了附加信息，例如`&lt;a href="url"&gt;`的`href`属性指定链接...

    html 查询手册 帮助文档

    HTML表单通过`&lt;form&gt;`元素创建，常用输入元素包括`&lt;input&gt;`（文本框、复选框、单选按钮等）、`&lt;textarea&gt;`（多行文本输入）、`&lt;select&gt;`（下拉列表）和`&lt;button&gt;`。`&lt;label&gt;`与输入元素关联，提高可访问性。`...

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效&lt;br&gt;需要掌握的八个CSS布局技巧&lt;br&gt;用css实现链接经过时显示浮动图片背景的效果&lt;br&gt;自适应大小的CSS圆角盒子&lt;br&gt;div+css实现Firefox和IE6兼容的垂直居中...

    select选择事件

    `&lt;select&gt;`元素通常与`&lt;option&gt;`元素配合使用，每个`&lt;option&gt;`代表列表中的一个选项。 #### 1.2 Select 元素的基本结构 ```html &lt;select id="mySelect"&gt; &lt;option value="value1"&gt;Text 1&lt;/option&gt; &lt;option value=...

    html练习1文件资源下载

    6. 表单元素：HTML中的&lt;form&gt;元素用于创建用户输入表单，如&lt;input&gt;（文本输入）、&lt;textarea&gt;（多行文本）、&lt;select&gt;（下拉列表）、&lt;checkbox&gt;（复选框）、&lt;radio&gt;（单选按钮）等。表单数据可以通过action属性提交到...

Magicbox
Global site tag (gtag.js) - Google Analytics