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对象通常以"$"开头,例如`$(document).ready()`表示文档加载完成后执行...
在本案例中,"jquery半透明拖拽窗口插件"是基于jQuery实现的一个功能丰富的组件,它允许用户在网页上创建具有半透明效果的可拖动、可最大化和最小化的浮动窗口。 首先,让我们来了解这个插件的基本工作原理。浮动...
"jQuery弹出半透明遮罩层"是一个常见的功能,用于创建一种半透明的覆盖层,通常用于加载提示、模态对话框或阻止用户在特定操作期间与页面其余部分交互。在这个场景中,我们讨论的知识点主要包括jQuery的选择器、DOM...
在Web开发领域,创建吸引用户的界面设计是至关重要的,而jQuery半透明注册表单就是一种实现这一目标的有效方式。本文将深入探讨如何利用CSS、JavaScript(特别是jQuery库)以及HTML5来构建一个既美观又功能强大的半...
jQuery半透明过渡切换手风琴是一种独特且富有创意的网页交互元素,它将传统的手风琴效果与现代的半透明过渡动画相结合,为用户带来更加动态且视觉吸引人的体验。在网页设计中,手风琴效果常用于节省空间,通过折叠和...
在本文中,我们将深入探讨如何使用jQuery实现一个具有半透明特性的原生导航下拉效果。这个效果在现代网页设计中非常流行,因为它为用户提供了一种直观且吸引人的交互方式。我们将从基础概念开始,逐步讲解如何配置...
【jQuery半透明抽屉式手风琴代码】是一种利用JavaScript库jQuery实现的交互式网页设计元素,它在网页中常用于构建高效的导航菜单或信息展示模块。这种效果将多个内容区块(如链接、图片或文本)以折叠的形式排列,...
透明模态弹出窗则是在模态窗口的基础上,添加了一层半透明的遮罩层,使得背景内容变得模糊,用户焦点集中于弹出的窗口。 1. **CSS样式**:创建模态窗口和遮罩层的基本样式是第一步。模态窗口通常包含一个内容区域和...
本主题聚焦于使用jQuery实现一个可拖动的窗口,并在拖动过程中呈现出半透明的效果,这在创建交互式用户界面时十分有用。以下是关于这个功能的详细解释和实现步骤。 1. **理解jQuery拖动事件** jQuery提供了`....
jQuery半透明抽屉式手风琴代码是一款jquery hover抽屉式导航图片展开收缩切换特效。
在本文中,我们将深入探讨如何使用CSS和jQuery创建一个半透明的扇形旋转效果。这个效果是通过将三个DIV元素拼接成一个扇形来实现的,允许我们自定义扇形的大小,非常适合用于模拟云台或雷达效果。我们将详细讨论CSS...
《jQuery企业网站半透明下拉导航》 在现代网页设计中,导航菜单是不可或缺的一部分,它为用户提供了方便快捷的页面跳转途径。本资源"jQuery企业网站半透明下拉导航.zip"提供了一种适用于企业网站的独特导航设计,即...
在网页设计和开发中,jQuery库常常被用来增强用户的交互体验,其中一种常见的效果就是鼠标悬停时出现半透明遮罩。"jQuery鼠标悬停半透明遮罩效果"就是一个这样的功能实现,它允许用户在鼠标指针悬停在某个元素上时,...
在网页设计中,交互性和用户体验是非常重要的因素,而“jquery鼠标悬停图片显示下拉半透明层”就是一种提升用户体验的常见技术。这种效果通常用于展示更多关于图片的信息,如产品描述、链接或其他附加内容,当用户将...