`
ice19871117
  • 浏览: 4632 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
社区版块
存档分类
最新评论

poshytip插件在IE6中,被select遮罩问题

阅读更多

    poshytip 插件简单好用,美中不足是在IE6中会被select下拉框遮盖 

    可将如下脚本在poshytip.js之后引入

    poshytipExt.js

(function() {
	// 如果不是 IE6 不需要继续执行
	if(!($.browser.msie && ($.browser.version == '6.0'))) return;
	
	// 去除 IE6 中的动画效果
	$.fn.poshytip.defaults.showAniDuration = 0;
	$.fn.poshytip.defaults.hideAniDuration = 0;
	

	var pprot = $.Poshytip.prototype;
	
	// 重写组件的显示方法
	pprot.poshytipDisplay = pprot.display;
	pprot.display = function(hide)
	{
		// 先调用组件显示方法进行处理
		this.poshytipDisplay.apply(this, arguments);
			
		// 如果是要隐藏,则不再进行处理
		if(hide) return;
			
		// 在 div 下填充 iframe
		var $tip = this.$tip
		  , poshytipIframe = $('#poshytip_iframe');
			  
		// 第一次需要创建用于遮罩的 iframe
		if(!poshytipIframe.length) 
			poshytipIframe = $('<iframe style="display:none;position:absolute;" id="poshytip_iframe" />').appendTo(document.body);
					
		poshytipIframe.css({
			  width   : $tip.width() + 18
			, height  : $tip.height() + 17
			, top     : $tip.css('top')
			, bottom  : $tip.css('bottom')
			, left    : $tip.css('left')
			, right   : $tip.css('right')
		}).show();
	};
	
	// 重写组件重置方法
	pprot.poshytipReset = pprot.reset;
	pprot.reset = function()
	{
		$('#poshytip_iframe').hide();
		this.poshytipReset.apply(this, arguments);
	};	
})();

 

 

分享到:
评论

相关推荐

    兼容IE6的遮罩层

    在实际项目中,我们还可能需要处理滚动条问题,因为IE6的滚动条不会随着遮罩层的出现而隐藏。这可能需要通过CSS Hack或者JavaScript来解决。 综上所述,创建一个兼容IE6的遮罩层涉及到HTML结构设计、CSS样式编写,...

    js遮罩层插件

    在实际应用中,JavaScript 遮罩层插件广泛应用于网页的多种场景,如文件上传、表单提交、数据加载等,以提供更好的用户体验,让用户知道后台正在处理请求,避免用户在等待过程中感到迷茫或不耐烦。通过合理使用这类...

    自写jQuery插件,实现简单网页遮罩层/弹出层功能,兼容IE6、IE7

    实现弹出网页遮罩层,可兼容IE6/IE7/IE+++等; 缩放浏览器时,内容狂始终居中; 有点小bug,在IE6下,遮罩层颜色没透明,屎黑色,等我有空完善下。

    简单的jQuery弹出遮罩层小插件,可移动,兼容IE678.rar

    在这个小插件中,jQuery被用来实现弹出层的动态效果,如显示、隐藏、移动和关闭等操作。利用jQuery的高效和跨浏览器特性,开发者可以避免直接处理底层的DOM操作和事件绑定,从而提高代码的可读性和维护性。 "qsBox...

    Unity物体遮罩插件.rar

    Unity物体遮罩插件是一种高效的方法,用于在Unity引擎中实现复杂的物体遮罩效果,它使得开发者能够轻易地创建出仿佛被切割或部分隐藏的3D物体,这在虚拟现实(VR)开发、游戏设计和其他交互式应用中非常有用。...

    解决DIV在IE下被下拉列表select穿透的问题(一)

    这个问题主要出现在IE6至IE9等旧版本的浏览器中。 jQuery.contextbox是一个用于创建弹出框或提示框的插件,它可以帮助开发者创建各种类型的交互式对话框。在描述中提到的博客文章链接中,作者可能提供了使用这个...

    基于Jquery的iframe遮罩层插件,可以遮挡flash。此插件在“爱乐网址收藏夹”中使用

    标题中的“基于Jquery的iframe遮罩层插件”指的是一个使用jQuery库开发的JavaScript插件,它的主要功能是在网页中创建一个iframe遮罩层。这个遮罩层能够覆盖整个页面,包括页面上的Flash元素,从而达到特定的交互...

    JS遮罩插件

    这可以通过在插件提供的配置选项中设定,或者通过CSS类来实现。 在实际项目中,遮罩插件的应用场景非常广泛。比如,在页面内容加载过程中,显示遮罩以告知用户正在处理请求,可以提高用户体验。在表单提交、图片...

    在iframe 中页面中设置遮罩遮罩层

    在网页设计中,有时我们需要在页面中添加一个遮罩层,以实现如加载动画、弹窗提示或隐藏部分内容的效果。本话题将详细讲解如何在iframe中实现页面的遮罩层功能,结合`right.html`, `main.html`, `left.html`, `top....

    JS遮罩插件( jquery 1.9后的版本 )

    在这个主题中,我们关注的是一个基于jQuery库的遮罩插件,适用于jQuery 1.9及更高版本。jQuery是JavaScript的一个库,它简化了DOM操作、事件处理、动画和Ajax交互,极大地提高了开发效率。 这个遮罩插件旨在为网页...

    JQuery上传插件遮罩层插件(FineMessBox)

    FineMessBox作为一款JQuery插件,其主要优势在于提供了一个可自定义的遮罩层,能够在用户进行文件上传时,创建出一种全屏或局部的半透明覆盖效果,使得用户界面看起来更加专业且不会被其他元素干扰。遮罩层不仅美观...

    FLASH遮罩

    遮罩是指遮挡住下面的对象,在 Flash 8.0 中,“遮罩动画”通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目的。在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。 2. 遮罩...

    Unity UI Soft Mask - 实现Sprite精灵遮罩

    Unity UI Soft Mask是一种技术,用于在Unity引擎中实现对Sprite精灵的软遮罩效果。传统的UI Mask组件在处理精灵时通常会进行硬切割,边缘锐利,无法实现过渡柔和的效果。而Soft Mask则是通过一种非插件的方式,提供...

    jquery遮罩插件

    在压缩包中,`说明.txt`文件可能包含了更多关于如何使用和配置Simple Overlay的详细信息,而`给力技术.url`可能是指向一个有关jQuery遮罩插件开发或教程的链接,对于深入理解和应用该插件非常有帮助。 总的来说,...

    Jquery遮罩插件

    这款插件在开发过程中经常被用来模拟对话框、加载指示器或者是阻止用户在特定操作完成前进行其他交互。 BlockUI 的灵活性体现在多个方面: 1. **全局和局部应用**:你可以选择对整个页面进行遮罩,也可以只针对...

    JQUERY插件-蒙版遮罩效果-toggleLoading

    6. **文档和示例**:插件提供的示例代码可以帮助开发者快速理解和使用toggleLoading,通过查看示例可以了解到如何在实际项目中集成和应用这个插件。 在实际应用中,toggleLoading插件可以帮助优化用户体验,尤其是...

    jquery 遮罩层 插件

    非常好用的一款jquery遮罩层插件,网页制作必备。

    带遮罩层弹出框展示图片插件

    【标题】"带遮罩层弹出框展示图片插件"是用于网页中实现一种交互式的图片查看功能,它在用户点击某个元素后,会在页面上弹出一个带有半透明遮罩层的图片框,允许用户在一个独立的视图中浏览图片。这种设计常见于相册...

    图片遮罩半透明显示详细信息的插件,很实用

    在这个插件中,当鼠标悬停在图片上时,会自动创建一个半透明的遮罩层,遮罩层上可以显示自定义的信息,如图片的描述、作者、版权信息等。这样既不会完全遮挡图片,又能清晰地传递信息。 这个插件的实现通常涉及到...

Global site tag (gtag.js) - Google Analytics