小柒网-最动听的语言送给你

【小七教程网】scrollpic.js各种浏览器兼容问题集锦

发布:艾小七2016-8-25 10:03分类: 心情随笔 标签: scrollpic.js

   作为一个网页生产者,自然就避免不了与各种网页代码打交道,特别是那些制造各种特效的javascript脚本,有时遇到一个特别酷的效果,就有一种特别想扒下来研究的冲动。但对于一个非专业程序员而言,并不是每一个JS特效都能顺利参透,比如scrollpic.js这个有名的图片可控滚动插件,它比较常见的问题就有:IE6的编码兼容问题、IE8的滚动空白问题、FIREFOX/CHROME的styleFloat兼容问题等。最近因为忙于打造一个专题网页, 很自然的就用到了scrollpic.js插件,与许多人一样,在这个众多浏览器争霸天下的年代,我也遇到了不少有关兼容性的问题,所以下面就想简单分析一下以上问题的解决方法。

    首页来讲一下IE6的编码兼容问题,虽然连微软自己都痛恨IE6的继续存在,但它在我国仍有半壁江山的占有率是目前不争的事实,为了考虑那些不知网页浏览器为何物的人们的感受,IE6的兼容问题还是得解决一下,如果你的网页运用了scrollpic.js,而且确信应用没有致命错误,但在IE6中就是不滚动,那么不用怀疑,一定是scrollpic.js的编码问题,用Dreamweaver之类的软件将其字符编码转换到与网页一致即可,例如调用网页的编码是UTF-8,那么scrollpic.js的字符编码也必须是UTF-8。

    然后是IE8的问题,如果你没有在网页代码HEAD区声明“<meta http-equiv="X-UA-Compatible" content="IE=7" />”,那么就很可能遇到滚动一段时间后出现空白的问题,虽然在IE6中有时也会遇到类似的空白问题,但那多半都是容器或样式问题,并不需要像IE8这样作头部声明。

    关于滚动出现空白的问题,在网上搜了一下,也有人建议找到scrollpic.js里面的“this.listDiv01.style.cssFloat=”left”;this.listDiv02.style.cssFloat=”left”;”语句,将其中两个cssFloat改为styleFloat,可以肯定的是,这样做非常奏效,但标准的写法却就是cssFloat,一旦改为styleFloat,那么像FIREFOX/CHROME等离所谓的WEB标准近一些的浏览器,就会无法识别,所以当你无法忽视FIREFOX/CHROME的存在时,建议不要做这样的尝试。

    客观的讲,scrollpic.js的确是一个很好用的图文滚动插件,它不但可以左右控制无缝连续滚动,还可以兼容如此多的浏览器,真的是难能可贵。对于没有太多JS专业功底的网页生产者,这个插件用起来也不是很难,所以当你需要时就不妨大胆的用吧。

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/4139 人参与

发表评论:

欢迎使用手机扫描访问本站,还可以关注微信哦~