`
wolfmaster
  • 浏览: 159234 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js给label加悬停样式

    博客分类:
  • js
阅读更多
//页面checkboxList radioButtonList 加鼠标out,over样式
function initLableFor(obj)
{
   var lbls = obj.getElementsByTagName("label");
   var a;
   var f = '';
   var lblF = '';
    for(var i =0;i< lbls.length;i++)
    {
        lblF=lbls[i].getAttribute('for')?lbls[i].getAttribute('for'):lbls[i].getAttribute('htmlFor');
        if(lblF.trim() != '')
        {
         a = document.createElement("a");
         a.className = 'tip';
         a.href = 'javascript:void(0);';
         a.onclick="document.getElementById('"+lblF+"').click();"
         a.innerHTML =lbls[i].innerText;
         lbls[i].innerHTML = a.outerHTML;
        }
    }
}
a:hover.tip
{
  border-bottom:gray dotted 1px;text-decoration:none;display:inline-block;
}
a.tip
{
color: #000000;
}
a:link.tip
{
color: #000000;
}
a:visited.tip

color: #000000;
}
分享到:
评论

相关推荐

    鼠标悬停有下划线提示

    在描述中提到的“鼠标悬停有下划线提示”,实际上是在指`&lt;label&gt;`元素的CSS样式设置。默认情况下,`&lt;label&gt;`元素并不显示下划线。若要在鼠标悬停时显示下划线,开发者可以使用CSS的`:hover`伪类来实现这一效果。例如...

    表单标签的title属性加样式(如动态生成时加换行、标红等)

    要改变`title`属性的文本颜色,我们需要使用JavaScript动态创建带有样式的`&lt;span&gt;`元素,并将其插入到`&lt;label&gt;`中。例如,创建一个红色的提示文本: ```javascript function createRedTitleLabel(labelElement, ...

    jquery动态禁用label标签.zip

    这段代码会使禁用状态的`&lt;label&gt;`文字颜色变淡,并且鼠标悬停时的光标变为非允许状态。 总的来说,通过jQuery我们可以轻松地实现对HTML `&lt;label&gt;` 标签的动态禁用和启用,结合CSS可以进一步优化用户体验。这个知识...

    前端项目-label.css.zip

    在前端开发中,"label.css.zip" 这个文件标题暗示了一个专注于CSS样式的项目,主要目的是为了给页面元素添加标记。"label"通常在HTML中用于创建表单的标签,这里的.label.css可能是为这些标签或者任何需要特殊标识的...

    百度地图api绘制热力图以及Label和Echarts组合对marker进行自定义提示.zip

    当鼠标悬停在marker上时,Echarts可以显示一个包含详细信息的弹窗,这个弹窗可以根据需求设计样式,显示更多维度的数据,如时间、事件描述等。实现这个功能需要将Echarts的图表配置与地图的marker事件相结合,确保在...

    checkbox与radio好看的样式

    文件列表中出现了 "js" 目录,这可能意味着有 JavaScript 文件用于增强交互效果。例如,可以通过 JavaScript 监听 `change` 事件来动态更新关联的标签内容,或者使用 `addEventListener` 添加自定义行为。 4. **...

    ASP。NET中的JAVASCRIPT 01

    除了颜色之外,JavaScript还可以用于调整Label控件的其他样式属性,如边框样式、字体、级联样式表引用、是否可用、鼠标悬停时的提示文本、文本内容、可见性、宽度和高度等。例如,要改变Label的字体,可以修改`font-...

    jQuery地图map悬停显示省市特效源码.zip

    【jQuery地图map悬停显示省市特效源码】是一款基于JavaScript库jQuery实现的互动地图插件,主要用于在网页上展示中国地图,并在用户鼠标悬停在某个省份或城市时,动态显示出该地区的名称。这种特效可以增强用户体验...

    echarts地图全国省份js资源

    在本资源中,"echarts地图全国省份js资源" 提供的是专门用于展示中国各个省份地图的JavaScript文件。 地图在数据可视化中扮演着重要的角色,特别是在地理数据分析、区域分布展示等方面。ECharts中的地图组件支持...

    自己收藏的精美 tag 标签样式

    本文将深入探讨如何使用JavaScript(JS)来调用和定制CSS样式,从而实现"自己收藏的精美tag标签样式"。 首先,让我们理解JS调用CSS样式的基本原理。JavaScript是一种强大的脚本语言,可以在网页运行时动态地改变...

    javascript 写的 3d 云标签

    JavaScript编写的3D云标签是一种动态视觉效果,它在网页上呈现为三维空间中的漂浮文字或图标,给人一种立体感和动态流动的效果。这种技术常用于网站头部、产品展示、评论系统等,以吸引用户的注意力并提升交互体验。...

    javascript的星星评分

    这需要我们在CSS中为`&lt;label&gt;`元素添加`:hover`伪类,并用JavaScript处理鼠标进入和离开事件,动态改变星星的样式。 ```css label:hover:before, input[type="radio"]:checked ~ label:before { content: '\2605';...

    input标签样式

    2. **自定义按钮样式**:创建一个`&lt;label&gt;`元素,将`for`属性设置为`&lt;input type="file"&gt;`的`id`,并给`&lt;label&gt;`应用所需的样式。 ```html &lt;label for="fileInput"&gt;自定义上传按钮&lt;/label&gt; ``` 3. **改变按钮...

    js实现的一个星级评价

    在这个例子中,我们使用JavaScript(简称js)来实现一个简易的星级评价功能。JavaScript是Web开发中的重要脚本语言,它可以实时更新页面内容,使得交互性更加强大。 首先,我们需要理解星级评价的基本结构。通常,...

    JS五星评分JS五星评分

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级编程语言,它在网页交互和动态效果方面发挥着重要作用。在本教程中,我们将探讨如何利用JS实现一个五星评分系统。 一、HTML基础 在`rating.html`文件中,我们...

    js实现折线图

    在JavaScript(js)中实现折线图是一种常见的数据可视化需求,尤其在网页开发中,用于展示动态或静态的数据。折线图能够清晰地展现数据的变化趋势,帮助用户理解和分析数据。下面将详细介绍如何使用JavaScript来创建...

    css自定义文件上传按钮样式

    当用户选择文件后,可以使用JavaScript监听`change`事件,然后更新`&lt;label&gt;`的内容,显示所选文件的名字,给用户明确的反馈。 8. 考虑响应式设计: 不同设备的屏幕尺寸和触控方式可能不同,确保自定义按钮在手机...

    bootstraps 复选框样式 优化 样式修改

    7. **JavaScript交互**:如果需要动态改变复选框的样式,例如根据用户交互或数据状态,可以使用Bootstrap的JS插件或者jQuery进行操作。例如,可以添加事件监听器来在复选框被点击时更改其样式。 8. **无障碍性**:...

    jquery动态禁用label标签特效代码

    如果希望同时禁用视觉上的选中反馈,可以改变label的CSS样式,例如添加`pointer-events: none`,这样鼠标悬停时就不会出现手型光标。 4. **可逆操作**:如果需要在特定条件下恢复label的功能,可以使用`off()`方法...

    echarts地图china.js下载

    5. **更新地图样式**:你可以根据需求调整地图的颜色、标签、高亮等视觉效果,通过`itemStyle`、`label`等配置项实现。 6. **更新地图行为**:ECharts提供了丰富的交互功能,如缩放、平移、鼠标悬停等。你可以通过`...

Global site tag (gtag.js) - Google Analytics