- 浏览: 68363 次
- 性别:
- 来自: 大连
文章分类
最新评论
-
lzfsuru250:
写好插件了要怎么用呢?
jquery 在firefox下不支持backgroundPositionY -
guduxing890:
多谢。 解决了我一个兼容性问题。
jquery 在firefox下不支持backgroundPositionY
// for supporting background-position animation in firefox (function($) { if(!document.defaultView || !document.defaultView.getComputedStyle){ // IE6-IE8 var oldCurCSS = $.curCSS; $.curCSS = function(elem, name, force){ if(name === 'background-position'){ name = 'backgroundPosition'; } if(name !== 'backgroundPosition' || !elem.currentStyle || elem.currentStyle[ name ]){ return oldCurCSS.apply(this, arguments); } var style = elem.style; if ( !force && style && style[ name ] ){ return style[ name ]; } return oldCurCSS(elem, 'backgroundPositionX', force) +' '+ oldCurCSS(elem, 'backgroundPositionY', force); }; } var oldAnim = $.fn.animate; $.fn.animate = function(prop){ if('background-position' in prop){ prop.backgroundPosition = prop['background-position']; delete prop['background-position']; } if('backgroundPosition' in prop){ prop.backgroundPosition = '('+ prop.backgroundPosition; } return oldAnim.apply(this, arguments); }; function toArray(strg){ strg = strg.replace(/left|top/g,'0px'); strg = strg.replace(/right|bottom/g,'100%'); strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2"); var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/); return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]]; } $.fx.step.backgroundPosition = function(fx) { if (!fx.bgPosReady) { var start = $.curCSS(fx.elem,'backgroundPosition'); if(!start){//FF2 no inline-style fallback start = '0px 0px'; } start = toArray(start); fx.start = [start[0],start[2]]; var end = toArray(fx.end); fx.end = [end[0],end[2]]; fx.unit = [end[1],end[3]]; fx.bgPosReady = true; } //return; var nowPosX = []; nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0]; nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1]; fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1]; }; })(jQuery);
$('#bganim').animate({ 'background-position': '-1999px 0' }, 30000);
发表评论
-
IE7 下用 jQuery 获取页面滚动元素
2014-01-15 17:38 720引用IE7 下----------------$('html' ... -
修改 HTML JS CSS 等文件浏览器自动刷新
2014-01-04 16:46 4249引用如果我们厌烦了每次修改 HTML, JS, CSS 等文件 ... -
popup
2013-10-16 13:29 0new Date().getTime() -
浮动广告
2013-08-09 17:36 0$.fn.floatElement = function(op ... -
在 jQuery css, 和 animate 方法中自定义自己的属性
2013-04-11 16:42 1067$.cssHooks.xxx = { get: fun ... -
jquery 在firefox下不支持backgroundPositionY
2013-02-05 16:09 4193引用 在firefox下jquery的css方法不支持back ... -
javascript 取URL中的参数
2013-01-28 17:20 756var getParameter = function ... -
js 正则 连续匹配及g属性和lastIndex属性
2012-05-18 16:40 2644在firefox中运行如下代码会出现不是你期望的结果。 ... -
JavaScript Mouseover Mouseout
2012-03-26 13:49 1119有时候我们在使用 mouseover 和 mouseout 的 ... -
ajax
2010-11-11 16:08 909function getXMLHttpRequest( ... -
等待HTML DOM 的加载
2010-09-14 10:25 1304浏览器的渲染和操作顺序大致如下 HTML解析完毕 外部脚本 ... -
方法的链式调用
2010-09-13 13:43 939$函数。它通常返回一个HTML元素或一个HTML元素的集合,通 ... -
JavaScriopt中的范围
2010-01-05 14:26 1293// Set a global variable, foo,e ... -
匿名函数和闭包
2010-01-05 13:42 900var obj = document.getElementBy ... -
Array.prototype.slice.call自解
2008-12-18 12:56 1607引自:http://blog.guitarbean.com/2 ... -
JavaScript与函数式编程解释
2008-12-18 11:13 1126引自:http://www.jb51.net/article/ ... -
在面向对象中使用setTimeout
2008-12-18 10:51 1392引自:http://blog.csdn.net/free_wi ... -
setTimeout setInterval
2008-12-18 10:17 963window对象有两个主要的定时方法,分别是setTimeou ... -
jquery基础语法
2008-12-04 10:34 3558转自别人的文章: 转自:http://blog.csdn.ne ...
相关推荐
为了支持Flash内容的显示,Firefox需要安装相应的Flash Player插件。这个插件使得Firefox能够解析和执行SWF格式的Flash文件,这是Flash内容的主要载体。在文件列表中,"Firefox_flash_player.exe"正是用于在Firefox...
html5漂浮的圆形动画背景特效,打开网页后,网页背景显示随机数量、随机大小的圆形,填充颜色也不相同,这些圆形自由浮动,... 适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游等,不支持IE8及以下浏览器。
- **默认不支持**:Mozilla Firefox浏览器出于安全考虑,默认情况下并不支持ActiveX控件。 - **替代方案**:虽然火狐浏览器不直接支持ActiveX,但用户可以通过安装特定插件或使用其他技术(如NPAPI插件、HTML5等)来...
3. 动画:Firefox支持`-moz-animation`,而IE支持`-ms-animation`。 五、选择器支持 1. IE6-8对CSS2.1中的许多高级选择器支持有限,如`:nth-child()`、`:not()`等。 2. Firefox对CSS2.1和CSS3选择器支持较好。 ...
《Firefox火狐浏览器3.5 RC 2-win32版本:历史、功能与技术解析》 Firefox火狐浏览器,作为一款开源、免费的网络浏览器,由Mozilla基金会开发,以其强大的安全性和用户隐私保护机制,以及丰富的插件生态系统,赢得...
这个效果适用于多种浏览器,包括Firefox、IE6、IE7、Opera和Safari,确保了良好的跨浏览器兼容性。 首先,我们来深入了解一下实现这个效果的关键技术。弹出层通常由HTML、CSS和JavaScript共同构建。HTML负责结构,...
9. **CSS动画和过渡**:Firefox支持`transition`和`animation`,而IE10及以下版本需要`-ms-`前缀。同样,确保添加兼容性前缀。 10. **响应式设计**:Firefox和IE对媒体查询的支持不同,IE9及以下版本不支持`@media`...
这是一款基于html5实现的可跟随鼠标移动银河星系流星雨背景动画特效源码,画面呈现出类似流星雨滑过天空一样的星空背景效果,移动鼠标则星空背景的流星雨方向也会跟随鼠标的移动而发生改变。点击鼠标则流行会出现...
标题中的“选项卡tabpane支持Firefox”指的是在网页设计中使用的一种用户界面元素,它允许在一个固定的空间内展示多个视图或页面,通过切换选项卡来实现内容的切换,提高用户体验。这种技术在各种Web应用和网站中...
为了确保跨浏览器的兼容性,开发者需要测试代码在不同浏览器(如Chrome、Firefox、Safari、Edge和Internet Explorer)上的表现。此外,考虑到移动设备的性能和网络状况,可能还需要优化视频质量和大小,以确保在各种...
在这里,我们详细探讨一种名为“超级科幻炫酷可视化带音乐时空隧道特效背景动画”的JavaScript特效,这一特效不仅具备强大的视觉冲击力,而且还能与音乐同步,营造出一种前所未有的体验。 首先,作为网页开发中不可...
尽管Firefox对现代Web标准有良好的支持,但有时仍需关注特定的浏览器渲染差异。例如,某些CSS3属性在Firefox中可能表现不同,需要使用前缀 `-moz-` 来确保兼容: ```css .shade { ... -moz-opacity: 0.5; /* Fire...
为了调试和优化代码,开发者可能会利用Chrome开发者工具或Firefox开发者工具,它们提供了丰富的功能,如实时编辑CSS、查看网络请求、分析性能等。同时,代码可能已经过压缩和最小化,以减少文件大小,提高网页加载...
Flash 透明显示方法在 IE、Firefox、Safari 浏览器中 Flash 是一种常用的多媒体格式,它可以在网页中播放动画、视频、游戏等内容。然而,在不同的浏览器中,Flash 的显示效果可能会有所不同。今天,我们将讨论如何...
6. **浏览器兼容性**: 开发者可能需要关注不同浏览器之间的差异,确保动画在主流浏览器(如Chrome、Firefox、Safari、Edge等)上都能正常运行。这可能涉及到使用polyfills(代码片段来模拟新特性)或者选择支持广泛...
CDUI就是在这样的背景下诞生,旨在进一步提升Firefox OS的可用性和吸引力。 CDUI的核心特性可能包括以下几点: 1. **用户界面优化**:CDUI可能提供了与原生Gaia不同的界面设计,比如更直观的图标布局、更丰富的...
在网页开发过程中,兼容性问题始终是一个棘手的挑战,特别是对于那些老版本的浏览器,如Internet Explorer(IE)和Firefox。"兼容IE和firefox的弹出层.zip"这个压缩包文件显然提供了一个解决方案,旨在确保弹出层在...
3. **兼容性**:Lava Lamp插件设计时考虑到了浏览器兼容性,支持多种主流浏览器,如Chrome、Firefox、Safari、Edge和Internet Explorer等。 4. **易用性**:集成到项目中非常简单,只需引入jQuery库和Lava Lamp插件...
本篇将深入探讨如何使用纯CSS实现一个兼容IE6、IE7及Firefox的下拉菜单。 一、CSS下拉菜单的基本结构 首先,我们需要创建HTML结构。一个简单的下拉菜单通常由一个`<ul>`元素作为主要菜单容器,每个`<li>`元素表示一...
7. 兼容性测试:在实际应用中,需要确保模板在各种主流浏览器(如Chrome、Firefox、Safari、Edge等)上都能正常运行,避免出现兼容性问题。 综上所述,"背景自动切换css模板"是一个利用CSS3和JavaScript技术实现的...