Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery半透明设置实现代码

jquery半透明设置实现代码

发布时间:2015-12-30   编辑:www.jquerycn.cn
本文介绍了jquery实现前透明效果的设置方法,一例jquery半透明效果代码,感兴趣的朋友参考下。

例子,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半透明设置实现代码
半透明效果 blur.js
jQuery实现textarea文本框半透明文本提示效果
jquery网页元素拖拽插件效果及实现
jquery设置div半透明背景色与文字不透明
网页特效之让css使网页图片半透明
jquery 半透明遮罩效果示例
HTML5 Canvas渐进填充与透明实现图像的Mask效果
div css 实现半透明的例子
jquery弹出层Div背景半透明与内容不透明

[关闭]