一。摘要
本系列文章是为了抽象通用的,跨浏览器的脚本方法。
本篇文章讲解弹出浮动层的javascript函数, 以及函数的原理和使用注意事项。
二。实现效果
用脚本弹出浮动层是我们最常用的脚本方法之一。下面是效果图:
点击图中的“航空公司”后,会在“航空公司”下面弹出浮动层。
在网上弹出框的脚本相当多, 而且还有各种第三方JS框架可供我们使用。但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而忽略了灵活性,通用性和跨浏览器特性。 使用JS框架又有些杀鸡用牛刀。所以在收集整理了一些资料后, 写出了下文中的ScriptHelper类的弹出层方法。
主要特点有:
· 支持多浏览器
· 使用面向对象方法封装
· 使用简单,通用性强。
· 将计算位置等函数进行提取, 所有的相关函数都可以单独调用, 可根据具体项目继续二次开发。
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
全部0条评论
快来发表一下你的评论吧 !