当前位置:嗨网首页>书籍在线阅读

10-使用JavaScript实现跨浏览器的弹性方框

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

15.9 使用JavaScript实现跨浏览器的弹性方框

尽管弹性方框目前只在Firefox和WebKit中实现,但你可以使用一个称为Flexie(http://www.flexiejs.com/)的灵巧的JavaScript小组件,使得这一技术能够跨越所有的浏览器去使用。安装Flexie是非常简单的,你需要链接另一个JavaScript库(任何JavaScript库都可以,在这个例子中,我使用的是jQuery,可以从http://www.jquery.com/得到)。下载这些文件之后按照下面的方法在文档中链接它们:

699.png 为了让JavaScript能够处理你的代码,你只需要在CSS中有前缀的属性后面添加无前缀的属性:

700.png 该脚本会检查浏览器是否原生支持弹性方框,如果不支持的话就替换它的效果。开发人员也可以把一个非常有用的测试页面(http://www.flexiejs.com/playground/)放在一起使用,在上面你可以修改各种弹性方框值,随时查看更新的结果。