`
bozch
  • 浏览: 461766 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery半透明设置

阅读更多

function setOpacity(eles){
$(eles).each(function(){
if($.browser.msie){
$(this).clone().empty().insertAfter($(this))
.css({"position":"relative","top":-$(this).height()})
.css("z-index",-1).addClass("opacityBgInIE");

$(this).css("background","transparent");

$(this).find('.panel-header,.panel-body').css("background","transparent");
}else{
$(this).addClass("opacitysetting");

$(this).find('.panel-header,.panel-body').css("background","none");
}
});
}

使用方式如下:

//实现半透明效果
setOpacity("#mainpartopacity,#contents,#frameAccordionMenu");

分享到:
评论

相关推荐

    jQuery半透明抽屉式手风琴

    本项目“jQuery半透明抽屉式手风琴”是利用jQuery技术实现的一种交互式设计,它融合了半透明效果和抽屉式展开的图片切换功能,为用户提供了一种独特且吸引人的用户体验。 首先,我们来解析一下这个项目的组成部分:...

    jquery 相交半透明圆形

    本教程将深入讲解如何利用jQuery实现相交的半透明圆形,以及如何创建动态的“半透明泡泡”效果。 首先,我们需要理解jQuery的基本用法。jQuery对象通常以"$"开头,例如`$(document).ready()`表示文档加载完成后执行...

    jquery半透明拖拽窗口插件

    在本案例中,"jquery半透明拖拽窗口插件"是基于jQuery实现的一个功能丰富的组件,它允许用户在网页上创建具有半透明效果的可拖动、可最大化和最小化的浮动窗口。 首先,让我们来了解这个插件的基本工作原理。浮动...

    jquery弹出半透明遮罩层

    "jQuery弹出半透明遮罩层"是一个常见的功能,用于创建一种半透明的覆盖层,通常用于加载提示、模态对话框或阻止用户在特定操作期间与页面其余部分交互。在这个场景中,我们讨论的知识点主要包括jQuery的选择器、DOM...

    jQuery半透明注册表单.zip

    在Web开发领域,创建吸引用户的界面设计是至关重要的,而jQuery半透明注册表单就是一种实现这一目标的有效方式。本文将深入探讨如何利用CSS、JavaScript(特别是jQuery库)以及HTML5来构建一个既美观又功能强大的半...

    jQuery半透明过渡切换手风琴.zip

    jQuery半透明过渡切换手风琴是一种独特且富有创意的网页交互元素,它将传统的手风琴效果与现代的半透明过渡动画相结合,为用户带来更加动态且视觉吸引人的体验。在网页设计中,手风琴效果常用于节省空间,通过折叠和...

    jQuery原生半透明导航下拉效果

    在本文中,我们将深入探讨如何使用jQuery实现一个具有半透明特性的原生导航下拉效果。这个效果在现代网页设计中非常流行,因为它为用户提供了一种直观且吸引人的交互方式。我们将从基础概念开始,逐步讲解如何配置...

    jQuery半透明抽屉式手风琴代码.zip

    【jQuery半透明抽屉式手风琴代码】是一种利用JavaScript库jQuery实现的交互式网页设计元素,它在网页中常用于构建高效的导航菜单或信息展示模块。这种效果将多个内容区块(如链接、图片或文本)以折叠的形式排列,...

    jquery仿div透明模态弹出窗插件下载

    透明模态弹出窗则是在模态窗口的基础上,添加了一层半透明的遮罩层,使得背景内容变得模糊,用户焦点集中于弹出的窗口。 1. **CSS样式**:创建模态窗口和遮罩层的基本样式是第一步。模态窗口通常包含一个内容区域和...

    JQuery拖动窗口,拖动时有半透明效果,

    本主题聚焦于使用jQuery实现一个可拖动的窗口,并在拖动过程中呈现出半透明的效果,这在创建交互式用户界面时十分有用。以下是关于这个功能的详细解释和实现步骤。 1. **理解jQuery拖动事件** jQuery提供了`....

    jQuery半透明抽屉式手风琴代码

    jQuery半透明抽屉式手风琴代码是一款jquery hover抽屉式导航图片展开收缩切换特效。

    css+jquery纯代码半透明扇形旋转效果

    在本文中,我们将深入探讨如何使用CSS和jQuery创建一个半透明的扇形旋转效果。这个效果是通过将三个DIV元素拼接成一个扇形来实现的,允许我们自定义扇形的大小,非常适合用于模拟云台或雷达效果。我们将详细讨论CSS...

    jQuery企业网站半透明下拉导航.zip

    《jQuery企业网站半透明下拉导航》 在现代网页设计中,导航菜单是不可或缺的一部分,它为用户提供了方便快捷的页面跳转途径。本资源"jQuery企业网站半透明下拉导航.zip"提供了一种适用于企业网站的独特导航设计,即...

    jQuery鼠标悬停半透明遮罩效果.zip

    在网页设计和开发中,jQuery库常常被用来增强用户的交互体验,其中一种常见的效果就是鼠标悬停时出现半透明遮罩。"jQuery鼠标悬停半透明遮罩效果"就是一个这样的功能实现,它允许用户在鼠标指针悬停在某个元素上时,...

    jquery鼠标悬停图片显示下拉半透明层

    在网页设计中,交互性和用户体验是非常重要的因素,而“jquery鼠标悬停图片显示下拉半透明层”就是一种提升用户体验的常见技术。这种效果通常用于展示更多关于图片的信息,如产品描述、链接或其他附加内容,当用户将...

Global site tag (gtag.js) - Google Analytics