`

透明背景的实现

    博客分类:
  • js
阅读更多
<!-- S 浮层 -->
<div id="cancelShowDivBack" style="z-index:98;position:absolute;display:none;background:gray;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40,finishOpacity=80,style=2);opacity:0.5">
 </div>
<div class="box layer layerS omLayer" style="z-index:299;top:500px;left:400px;bottom:300px;position:absolute;display:none;" id="cancelShowDiv">
    	<div class="hd">
    		<h3><a title="温馨提示" href="javascript:void(0)">温馨提示</a></h3>
    		<a class="closeLayer" title="关闭" href="javascript:void(0)" onclick="closeCancel()">关闭</a>
    	</div>
    	<div class="bd">
    		<p>失效后此优惠券将不能继续领取,但不影响已领取的优惠券的使用,请你及时删除推广页面的的代码,确认要失效此优惠券吗?</p>
    		<div class="btn_box"><a class="btn" href="javascript:void(0)" onclick="sureCancelShopCoupon('$lSellerId','$strSellerTypeName','3')"><span>确 定</span></a><a class="btn" href="javascript:void(0)" onclick="closeCancel()"><span>取 消</span></a></div>
    	</div>
    </div>
	<div class="box layer layerS omLayer" style="z-index:299;top:500px;left:400px;bottom:300px;position:absolute;display:none;" id="copyShowDiv">
    	<div class="hd">
    		<h3><a title="温馨提示" href="javascript:void(0)">温馨提示:请将以下代码复制并粘贴到你需要的页面</a></h3>
    		<a class="closeLayer" title="关闭" href="javascript:void(0)" onclick="closeCancel()">关闭</a>
    	</div>
    	<textarea id="copyShowContent"  cols="51" rows="10" style="width:393px;">
        </textarea>
    </div>

<!-- E 浮层 -->



//是否失效优惠券
function cancelShopCoupon(lActivityId) {
	$("#lActivityId").val(lActivityId);
	var height = $(window).height(); // 浏览器当前窗口可视区域高度
	var width = $(window).width();// 浏览器当前窗口可视区域宽度
	var cancelShowDivBack = document.getElementById("cancelShowDivBack");
	var cancelShowDiv =document.getElementById("cancelShowDiv");
	var heightTemp=$(document).scrollTop();
	document.body.style.overflow="hidden";
	cancelShowDivBack.style.display="block";
	cancelShowDiv.style.display="block";
	cancelShowDivBack.style.zIndex=998;
	cancelShowDiv.style.zIndex=1000;
	cancelShowDivBack.style.top="0px";
	cancelShowDivBack.style.left="0px";
	var selW=width/2-(cancelShowDiv.offsetWidth/2)+"px";
	var selH=height/2+heightTemp/2+"px";
	cancelShowDiv.style.top=selH;
	cancelShowDiv.style.left=selW;
	//showAlertMeesageForCoupon(cancelShowDiv.style.top+":"+cancelShowDiv.style.left);
	cancelShowDivBack.style.width=width+"px";
	cancelShowDivBack.style.height=2*height+"px";
}
分享到:
评论

相关推荐

    VS界面美化全透明背景

    5. **透明背景实现**:要实现全透明背景,开发者通常需要编写插件,利用Windows API或.NET Framework的相关类库,修改编辑器控件的外观属性,使其具有透明效果。这需要一定的编程知识,但也有现成的插件如VSPTheme可...

    Unity webGL透明背景Demo

    在这个“Unity WebGL透明背景Demo”中,我们看到一个专注于实现Unity WebGL项目的透明背景的示例。这个项目可能是为了在网页上提供更加沉浸式的用户体验,使得Unity内容能够更好地融入到网页的背景或者设计之中。 ...

    c# 透明背景和透明控件实现

    在C#编程中,透明背景和透明控件的实现是一个常见的需求,特别是在创建美观和具有交互性的用户界面时。本文将深入探讨如何在C#中实现这些特性,并解决相关问题,如多个窗体的置顶、背景半透明以及控件半透明。 首先...

    MFC透明背景对话框实现的桌面歌词效果

    在本文中,我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库在Visual Studio 2015中创建一个透明背景的对话框,以实现类似桌面歌词的效果。MFC是微软提供的一套C++类库,它封装了Windows API,使得开发...

    gif透明背景loading图片大全

    4. **前端开发应用**:这些gif透明背景loading图片可以直接应用到网页或者移动应用的前端代码中,通过CSS或JavaScript来控制显示和隐藏,实现动态加载效果。例如,可以用作Ajax请求的加载指示器,或者在页面元素加载...

    gif loading 透明背景

    透明背景在GIF中的实现是通过使用Alpha通道来完成的。Alpha通道是一种特殊的通道,用于存储图像的透明度信息。在GIF中,每个像素都可以有一个介于0(完全透明)到255(完全不透明)之间的透明度值。当一个像素的...

    html+css透明背景

    本文将深入探讨如何使用HTML和CSS实现半透明背景,以及如何确保这种效果在不同的浏览器(包括IE6、7、8,Chrome和Firefox)中得到良好的兼容性。首先,我们来理解一下“半透明背景,内容不透明”这一需求。 在CSS中...

    实现flash的透明背景

    在网页制作中,实现Flash的透明背景是一项常见的需求,它可以使Flash内容更好地融入网页设计,提升用户体验。在本文中,作者探讨了一种通过Dreamweaver和Flash来创建透明背景的方法,以及遇到的问题及其解决方案。 ...

    MFC实现透明位图透明背景

    要实现在MFC中显示具有透明背景的位图,我们主要需要关注以下几个步骤: 1. **加载位图**:使用CBitmap类加载含有Alpha通道的位图资源。通常,我们需要使用LoadPNGResource函数或者LoadBitmap函数加载PNG或BMP格式...

    易语言PNG图片透明背景源码.rar

    本文将深入探讨如何在易语言中处理PNG图片的透明背景,以及如何利用源码实现这一功能。 PNG(Portable Network Graphics)是一种支持透明效果的图像格式,其独特的 alpha 通道可以实现不同程度的透明度。在易语言中...

    WPF使用InkCanves实现透明背景签名

    本教程将详细介绍如何利用InkCanvas实现一个透明背景的电子签名功能,并探讨其在文件签名和打印中的应用。 首先,我们需要在WPF界面中添加InkCanvas控件。在XAML代码中,可以这样定义: ```xml ``` 这里的`...

    半透明背景图

    在Windows编程中,尤其是在使用Visual C++(VC)进行开发时,实现半透明背景图功能是提升应用用户体验的重要手段。本文将深入探讨如何在对话框中显示半透明背景图,以及涉及的相关技术点。 首先,我们要了解半透明...

    C#写的透明背景验证码

    本文将深入解析一个用C#编写的透明背景验证码生成器的核心代码,探讨其工作原理及实现细节。 ### C#透明背景验证码实现原理 #### 1. **随机字符串生成** 验证码的核心是其随机性,以确保每次生成的验证码都是唯一...

    自绘CSliderCtrl透明背景

    本文将深入探讨如何在VC++中实现`CSliderCtrl`的自绘透明背景。 首先,我们需要理解透明度的概念。在Windows图形设备接口(GDI)中,透明度通过设置位图的Alpha通道来实现,Alpha值介于0(完全透明)到255(完全...

    pictrue_In_VB_vb透明背景_实现透明picture_

    本示例主要关注如何在VB应用程序中实现Picture控件的透明背景,使得图片或图像能够与底层窗口或其他控件无缝融合。 首先,我们需要了解VB中的透明度原理。在VB6及更早版本中,没有内置的控件支持完全透明,但可以...

    透明背景图像绘制

    要实现透明背景,我们需要设置PictureBox的`BackColor`属性为`Color.Transparent`,然后设置`SizeMode`属性为`PictureBoxSizeMode.AutoSize`或`PictureBoxSizeMode.StretchImage`,以便图像能自动适应控件大小。...

    原生的复选框(checkbox button)和单选按钮(radio button)实现透明背景效果解决方案

    然而,在某些设计需求下,我们可能希望实现这些控件的透明背景效果,以达到更加自定义和美观的界面。本文将详细探讨如何在VS2010环境下,利用ATL/WTL库来实现复选框和单选按钮的透明背景。 首先,理解ATL/WTL库。...

    img 半透明 处理img加半透明背景实现思路及代码

    本文主要讲解了通过HTML和CSS实现为图片添加半透明背景的思路和代码实现。在网页设计中,常常需要对图片进行视觉上的强化或弱化,以适应不同的设计需求,例如在鼠标悬停时,通过调整图片上方文字或按钮的透明度,...

    实现透明背景的Silverlight源码

    在本文中,我们将深入探讨如何实现Silverlight应用的透明背景,并通过提供的源码进行解析。Silverlight是一种由Microsoft开发的富互联网应用程序(RIA)技术,它允许开发者创建具有丰富的交互性和多媒体体验的Web...

    透明背景的Flash

    本文将详细探讨如何实现“透明背景的Flash”,以及与之相关的技术要点。 透明背景的Flash允许内容在不同的背景下无缝融合,提供更佳的视觉效果。在制作Flash内容时,设置透明背景可以使Flash动画更好地融入网页设计...

Global site tag (gtag.js) - Google Analytics