当前位置:  编程技术>jquery

jquery设置div半透明背景色与文字不透明

    来源: 互联网  发布时间:2014-10-07

    本文导语:  以下代码,不修改dom结构,实现div的背景半透明,文字不透明效果。 例子,div设置opacity属性会导致内部文字也透明。   代码示例: // 把16进制颜色转换成rgb格式   var colorToRGB = function(color){       var reg = /^#([0-9a-fA-f]{3}|[0-9a...

以下代码,不修改dom结构,实现div的背景半透明,文字不透明效果。

例子,div设置opacity属性会导致内部文字也透明。
 

代码示例:

// 把16进制颜色转换成rgb格式
  var colorToRGB = function(color){
      var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/g;
      var sColor = color.toLowerCase();
      if(sColor && reg.test(sColor)){
          if(sColor.length === 4){
              var sColorNew = "#";
              for(var i=1; i


    
 
 

您可能感兴趣的文章:

  • jQuery动态背景插件 jQuery.spritely
  • jQuery动态背景设置 Backstretch
  • jquery改变tr背景色的示例代码
  • 自适应页面背景插件 jQuery.resBg
  • jquery css 设置table的奇偶行背景色示例
  • Jquery 随机刷新页面背景图片
  • jquery修改网页背景颜色通过css方法实现
  • jquery动态更换设置背景图的方法
  • JQuery弹出炫丽对话框的同时让背景变灰色
  • jQuery导航条背景切换效果的实现代码(图文)
  • jquery背景图淡入淡出效果示例代码
  • Jquery更换背景色的实现代码
  • jQuery制作的别致导航有阴影背景高亮模式窗口
  • 鼠标滑过导航条改变背景图的jquery实现代码
  • jquery简单实现鼠标经过导航条改变背景图
  • jquery控制背景音乐开关与自动播放提示音
  • jquery弹出层Div背景半透明与内容不透明
  • jquery实现背景墙聚光灯效果示例分享
  • jquery弹框效果(背景变暗)代码示例
  • jquery设置input中disabled属性
  • jQuery如何获取与设置表单元素
  • jQuery设置input type值示例
  • JQuery设置input属性(disabled、enabled)
  • jquery select默认选中的设置方法
  • jquery 设置文本框、密码框获得焦点时的样式
  • jquery设置text的值示例(设置文本框 DIV 表单值)
  • JQUERY 设置SELECT选中项代码
  • jQuery设置input type="radio"选中值
  • jQuery元素属性attr设置多个键值的例子
  • jquery当前时间的设置与显示代码
  • jquery easyui通过class方式设置dialog
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery 文字上下滚动的小例子
  • jQuery 文字特效 Arctext
  • 自动文字补齐jQuery插件 Typeahead.js
  • jquery等宽输出文字插件的实例代码
  • jquery统计输入文字的个数
  • jquery 文字上下滚动效果的代码
  • jquery 获取文字宽度与显示长度的例子
  • jquery 文字浮动提示效果(示例)
  • jQuery(js)获取文字宽度(显示长度)示例代码
  • jquery统计输入文字的个数并对其进行判断
  • jquery文字淡入淡出效果代码
  • jquery input输入框获得与失去焦点时显示、隐藏文字的小例子
  • Jquery 鼠标点击文字变文本框的实现代码
  • jquery下拉菜单 jquery文字导航效果
  • jquery文字闪动效果实例
  • jquery文字向上跑动类似跑马灯效果实例
  • jquery单行文字向上滚动效果示例
  • 基于jquery实现的文字向上跑动类似跑马灯的效果
  • jquery xMarquee实现文字水平无缝滚动效果
  • Jquery文字逐行向上滚动的实现代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • HTML教程 iis7站长之家
  • jQuery分页插件 Pagination jQuery Plugin




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3