`
还有也许
  • 浏览: 169325 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

AlertBox在IE6下的应用

阅读更多

最近需要在项目中的页面右下角做一个右下角弹出的例子,于是就在网上找到了AlertBox的小组件很不错,于是就拿来用。但是遇到了问题。在IE7下正常使用,但是就是在IE6下一直报脚本错误。

难道是IE6不支持?

但是下载的例子在IE6下可以弹出呀。就是把它改成jsp就报“AlertBox未定义”。最后经理告诉我,html既然能跑起来jsp就没问题。

最后发现是页面的字符集不一致的原因,特写出来给那些也喜欢这个组件但是还未这个问题郁闷的朋友们!

我改造过的能够定时弹出和关闭的一段代码:

 

<script type="text/javascript" language="javascript">
  (function(){
var timer, target, current,
	ab = new AlertBox("idBox2", {fixed: true,onShow: function(){
			clearTimeout(timer); this.box.style.bottom = this.box.style.right = 0;},
		    onClose: function(){ clearTimeout(timer); }});
    
   function hide(){
	  ab.box.style.bottom = --current + "px";
	  if( current <= target ){
		  ab.close();
	   } else {
		  timer = setTimeout( hide, 10 );
	   }
   }
$$("idBoxClose2").onclick = function(){
	target = -ab.box.offsetHeight; current = 0; hide();
}
$$("idBoxOpen2").onclick = function(){ ab.show(); }
   
   setTimeout("document.getElementById('idBoxOpen2').click();",5000);
   setTimeout("document.getElementById('idBoxClose2').click();",15000);
  
})()
</script>

 献丑了。

 

0
0
分享到:
评论

相关推荐

    AlertBox实用实例

    在网页开发中,AlertBox是与用户交互的一种基础方式,它能够打断用户的操作并显示一条消息,等待用户确认或者进行下一步操作。 在"AlertBox实用实例"中,我们可以看到三个文件: 1. AlertBox.htm:这是一个HTML...

    AlertBox 弹出层 实例(多种)

    在实际应用中,AlertBox弹出层的开发不仅涉及前端技术,还需要考虑用户体验和可用性。例如,弹出层的关闭按钮设计、内容的清晰度、颜色搭配以及过渡动画等都是提升用户体验的关键因素。此外,还需考虑弹出层与后台...

    AlertBox.rar

    在实际应用中,开发者可以通过查看"AlertBox"的文档或源代码来了解更详细的用法和配置选项。由于这是一个自封装的插件,其灵活性和可扩展性可能比预装的弹窗函数更强,能更好地适应现代Web开发的需求。总的来说,...

    AlertBox 弹出层信息提示框效果实现步骤

    在实现AlertBox效果时,我们通常需要考虑跨浏览器的兼容性,特别是对于旧版本的Internet Explorer(如IE6)的支持。 实现AlertBox的基本原理包括以下几个关键点: 1. **定位方式**: - 弹出层一般使用CSS的`...

    AlertBox:Android应用程序中Alert Box的使用

    警报框 在 Android 应用程序中使用警报框。 您只需要查看MainActivity.java(app/src/main/java/com/example/geenu/checkboxes)和activity_main.xml(app/src/main/res/layout)文件的代码。

    AlertBox:这是确认的组成部分

    diandian\弹框使用说明功能弹框组件特性提供自定义提示内容焦点管理可拖拽用法My_AlertBox为构造函数,需要new一个实例new My_AlertBox(string,callback)调用实例方法alertConfirm&#40;&#41;可让弹框出现调用实例...

    Js 订制自己的AlertBox(信息提示框)

    ### Js 订制自己的AlertBox(信息提示框) 在网页开发过程中,经常需要用到弹出框来显示信息或警告用户。JavaScript 提供了内置的 `alert()` 函数来快速实现这一功能,但其样式和功能相对单一。为了提高用户体验并更...

    网页右下角弹出提示框

    这种设计在许多网站和应用中都有应用,尤其是在电子商务、新闻资讯以及社交媒体平台中尤为常见。阿里巴巴作为全球知名的电商平台,其用户界面设计具有较高的参考价值,模仿阿里巴巴的提示框样式可以提升用户体验,使...

    AlertBox 弹出层,右下角广告代码,可关闭的弹出对联等

    内容索引:脚本资源,Ajax/JavaScript,弹出窗口 AlertBox 弹出层,也就是大家通常熟悉的弹出提示插件,它有几个功能:弹出右下角广告代码,弹出可关闭的对联广告等、弹出可拖动的弹窗、锁定屏幕、定位、居中等效果,...

    js提示框(模仿QQ控件的提示消息框)

    在实际项目中,可以根据需求对这个提示框进行二次开发,以满足特定场景下的功能要求。 总的来说,这个JS提示框项目展示了如何利用JavaScript和CSS来实现一个功能齐全、风格独特的提示消息框,并且考虑到了老版本...

    js提示特效

    然而,原生的`alert`样式单一且不可定制,这限制了其在现代Web开发中的应用。因此,开发者们常常会自定义一些具有丰富视觉效果的提示组件来替代默认的`alert`功能。 本文将深入解析一个自定义的`alert`特效脚本,...

    原生JS移动端弹窗提示框插件.zip

    总的来说,这个原生JS移动端弹窗提示框插件为开发者提供了便捷的工具,帮助他们在移动应用中创建各种类型的提示信息,同时保持了高性能和灵活性。通过深入理解和熟练运用,开发者可以打造出更符合用户需求的交互体验...

    AlertBox:Extjs 4 警报框小部件

    Yan Shi - ExtJS 4 Alert Box ExtJS 4 应用程序的可关闭警报框 用法 在您的应用程序文件中,请添加: Ext.Loader.setConfig({enabled: true})

    弹出层,右下角,可关闭的弹出,对联广告等代码.rar

    在IT行业中,弹出层(AlertBox)是一种常见的用户界面元素,用于向用户显示重要的信息、提示或警告,同时提供交互选项。这个“弹出层,右下角,可关闭的弹出,对联广告等代码.rar”压缩包提供了一组JavaScript和Ajax...

    ajax提示信息-2秒后消失

    在网页开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在实际应用中,我们经常需要在用户进行某些操作,比如提交...

    Jquery twitter alter

    在实际应用中,你可以通过AJAX请求获取实时的Twitter更新数据,然后使用类似的方法显示这些通知。`$.ajax()`或`$.getJSON()`函数可以帮助你完成这个任务,根据服务器返回的数据动态创建并展示通知。 总之,“jQuery...

    lz-alert-plugin:它是一个基于jquery或zepto的插件,可以替代alertBox。 -- powered by 荔枝前段.com

    it's a plugin based on jquery or zepto that can replace alertBox. 弹出窗插件: 使用方法: 1、在head头部引入jQuery.js或者zepto.js [removed][removed] [removed][removed] 2、再在head头部引入默认的样式lz.ui...

Global site tag (gtag.js) - Google Analytics