制作一个兼容IE6中的Postion:Fixed固定悬浮效果,因为IE6不兼容Postion:Fixed,就做了一个Jquey插件。
使用方法:
$('#test').PositionFixed({x:200,y:200});
插件代码:
(function($) {
jQuery.fn.PositionFixed = function(options) {
var defaults = {
css:'',
x:0,
y:0
};
var o = jQuery.extend(defaults, options);
var isIe6=false; //is ie ? yes:ie no: not ie
if($.browser.msie && parseInt($.browser.version)==6)
isIe6=true;
var html= $('html');
if (isIe6 && html.css('backgroundAttachment') !== 'fixed') {
html.css('backgroundAttachment','fixed')
};
return this.each(function() {
var domThis=$(this)[0];
var objThis=$(this);
if(isIe6)
{
var left = parseInt(o.x) - html.scrollLeft(),
top = parseInt(o.y) - html.scrollTop();
objThis.css('position' , 'absolute');
domThis.style.setExpression('left', 'eval((document.documentElement).scrollLeft + ' + o.x + ') + "px"');
domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' + o.y + ') + "px"');
}
else
{
objThis.css('position' , 'fixed').css('top',o.y).css('left',o.x);
}
});
};
})(jQuery)
效果图:
自己试一试
分享到:
相关推荐
jQuery插件 - 图片放大镜,支持IE6
jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)
jquery插件jquery-ui-1.8.18.custom.min.js
jquery插件--表格分页。
Jquery插件-分享插件
1.支持火狐; 2.支持定义行的事件; 3.支持多样化表格属性列; 4.添加多种属性,优化后台速度。 后台代码示例工程,请看这里: http://renjie120.javaeye.com/admin/blogs/583388
jquery插件jquery-ui-1.8.2.custom.min.js
Jquery插件-手机端选择省市
jQuery插件--星级打分,供大家一起共同分享学习。
摄像头方案--JQuery WebCamera调用摄像头,采用的JQuery的插件,用的flash,canvas控件等,保证摄像头能捕获图像视频,可以自添加拍照功能,展示到canvas控件上。
Jquery插件-弹窗
jquery插件- slick轮播图插件
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
一个JQuery插件 - Javascript可拖动的模式窗口
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
360°产品展示jQuery插件--3dEye.js
jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
jQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogs
Jquery插件 fixed 经测试IE6完美兼容 没有抖动 完美欺骗所有浏览器 引用更简单,不和和自己写的CSS冲突,程序小,兼容性更高,加快前端开发效率,如果感觉好,请留言,谢谢