<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="yunjs/jquery-1.3.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
(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)
$(document).ready(function(){
$('#test').PositionFixed({x:200,y:200});
});
//-->
</script>
aaa<br><br>1<br><br><br><br><br><br><br><br><br><br><br><br><br>2<br><br><br><br><br><br><br><br><br><br>
<br><br>4<br><br><br><br><br><br><br><br><br><br><br><br><br>5<br><br><br><br><br><br><br><br><br><br>
<br><br>7<br><br><br><br><br><br><br><br><br><br><br><br><br>8<br><br><br><br><br><br><br><br><br><br>
<div id="test" style="width:200px ;height:200px;background-color: red; ">内容</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="yunjs/jquery-1.3.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
(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)
$(document).ready(function(){
$('#test').PositionFixed({x:200,y:200});
});
//-->
</script>
aaa<br><br>1<br><br><br><br><br><br><br><br><br><br><br><br><br>2<br><br><br><br><br><br><br><br><br><br>
<br><br>4<br><br><br><br><br><br><br><br><br><br><br><br><br>5<br><br><br><br><br><br><br><br><br><br>
<br><br>7<br><br><br><br><br><br><br><br><br><br><br><br><br>8<br><br><br><br><br><br><br><br><br><br>
<div id="test" style="width:200px ;height:200px;background-color: red; ">内容</div>
</body>
</html>