<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
window.onscroll=duilian;function duilian(){
document.getElementById("div2").style.top=(200+document.documentElement.scrollTop)+"px";
}
</script>
</head><body>
<div id="div2" style="width:80px;height:150px;background-color:red;position:absolute;top:200px;left:0;">
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></body>
</html>
谢谢
没试过 IE7 或其他浏览器能用 table 是什么意思?
没看懂,是不是把 table 放到 div2 层里?
var sf_mess_cfg = {theme:"default",color:"blue",title:"\u6b22\u8fce\u7ed9\u6211\u4eec\u7559\u8a00",send:"\u53d1\u9001",copyright:"\u767e\u5ea6\u63d0\u4f9b\u6280\u672f\u652f\u6301",mbpos:"RD"};
var sf_mess_msg = {emailErr: '\u8bf7\u586b\u5199\u6b63\u786e\u7684Email',messErr: '\u60a8\u7684\u7559\u8a00\u5b57\u6570\u5df2\u8d85\u8fc7\u9650\u5236\uff0c\u8bf7\u4fdd\u7559\u57281000\u4e2a\u5b57\u4ee5\u5185\u3002',prefix: '\u8bf7\u586b\u5199',success: '\u6211\u4eec\u5df2\u7ecf\u6536\u5230\u60a8\u7684\u7559\u8a00,\u7a0d\u5019\u4f1a\u4e0e\u60a8\u8054\u7cfb.\u8c22\u8c22!',fail: '\u60a8\u7684\u7559\u8a00\u53d1\u9001\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5\u3002'};
var sf_mess_cols = [{type:"textarea",mbtype: "message",tip: "\u7559\u8a00\u5185\u5bb9",innertip: "\u8bf7\u5728\u6b64\u7559\u8a00\uff0c\u6211\u4eec\u4f1a\u53ca\u65f6\u8054\u7cfb\u60a8",idname: "content"},{type:"text",mbtype: "tel",tip: "\u624b\u673a\u53f7\u7801",innertip: "\u8bf7\u8f93\u5165\u60a8\u7684\u624b\u673a\u53f7\u7801",idname: "phone"},{type:"text",mbtype: "email",tip: "\u7535\u5b50\u90ae\u7bb1",innertip: "\u8bf7\u8f93\u5165\u60a8\u7684\u7535\u5b50\u90ae\u7bb1",idname: "email"}];
document.write('<script src="entry.js" type="text/javascript"></script>');
var sf_mess_lib = {
loadCss: function (url) {
var css = document.createElement('link');
css.setAttribute('rel', 'stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', url);
document.getElementsByTagName('head')[0].appendChild(css);
},
getElement: function (id) {
return document.getElementById(id);
}
}var sf_mess_browser = {};
sf_mess_browser.ieVersion = /msie (\d+)/.exec(navigator.userAgent.toLowerCase());
sf_mess_browser.higherThanIE6 = sf_mess_browser.ieVersion && parseInt(sf_mess_browser.ieVersion[1]) > 6;
sf_mess_browser.onQuirkMode = document.compatMode && document.compatMode.indexOf('Back') == 0;if(sf_mess_browser.ieVersion && !(sf_mess_browser.higherThanIE6)) {
document.execCommand("BackgroundImageCache", false, true);
}
var SF_MESS_FORM_NAME = "SfMessForm";
var SF_MESS_WRAP_ID = "SfMessWrap";
var SF_MESS_HEAD_ID = "SfMessHead";
var SF_MESS_TITLE_ID = "SfMessTitle";
var SF_MESS_HEAD_ICON_ID = "SfMessHeadIcon";
var SF_MESS_BODY_ID = "SfMessBody";
var SF_MESS_BODY_TOP_ID = "SfMessBodyTop";
var SF_MESS_BODY_MID_ID = "SfMessBodyMid";
var SF_MESS_BODY_BOTTOM_ID = "SfMessBodyBottom";
var SF_MESS_BODY_FOOT_ID = "SfMessBodyFoot"
var SF_MESS_SUBMIT_ID = "SfMessSubmit";
var SF_MESS_COPY_ID = "SfMessCopy";
var SF_MESS_FRAME_ID = "SfMessCopyFrame";
var SF_MESS_TIP_CLASS = "SfMessTip";
var SF_MESS_ICON_OPEN_CLASS = "SfMessIconOpen";
var SF_MESS_ICON_CLOSE_CLASS = "SfMessIconClose";
var SF_MESS_PREFIX = "SfMess_";var SF_MESS_POST_ACTION = "http://myshifen.baidu.com/sfmess/index.php?module=Front&controller=Messlist&action=addmess";
var SF_MESS_THEME_PATH = 'http://myshifen.baidu.com/sfmess/themes/';
var SF_MESS_PATH = "http://myshifen.baidu.com/sfmess/";var sf_mess_layout_mod = [];
sf_mess_layout_mod.push('<div id="${SF_MESS_WRAP_ID}" style="top:1000px;${sf_pos_style}">',
'<iframe id="${SF_MESS_FRAME_ID}" name="${SF_MESS_FRAME_ID}" style="display:none;"></iframe>',
'<form style="margin:0;" target="${SF_MESS_FRAME_ID}" name="${SF_MESS_FORM_NAME}" method="post" action="${SF_MESS_POST_ACTION}">',
'<div id="${SF_MESS_HEAD_ID}">',
'<div id="${SF_MESS_TITLE_ID}">${sf_mess_cfg.title}</div>',
'<div class="${SF_MESS_ICON_OPEN_CLASS}" id="${SF_MESS_HEAD_ICON_ID}"></div>',
'</div>',
'<div id="${SF_MESS_BODY_ID}">',
'<div id="${SF_MESS_BODY_TOP_ID}"></div>',
'<div id="${SF_MESS_BODY_MID_ID}"></div>',
'<div id="${SF_MESS_BODY_BOTTOM_ID}">',
'<input id="${SF_MESS_SUBMIT_ID}" type="submit" value="${sf_mess_cfg.send}">',
'<div id="${SF_MESS_COPY_ID}">${sf_mess_cfg.copyright}</div>',
'</div>',
'<div id="${SF_MESS_BODY_FOOT_ID}"></div>',
'<input type="hidden" name="ownerid" value="${owner}"></div>',
'</form>',
'</div>');if (window.sf_mess_preview) SF_MESS_POST_ACTION = "";var sf_mess_validate = {
mustValidate: function (name, defaultValue) {
var colValue = document.getElementById(SF_MESS_PREFIX + name).value.replace(/(^\s*)|(\s*$)/g, "");
if (colValue.length <= 0 ||
colValue == filtInnertip(defaultValue)) {
return false;
}
return true;
},
emailValidate: function (innertip) {
var emailEl = document.getElementById(SF_MESS_PREFIX + 'email');
if (emailEl) {
if (emailEl.value == innertip || emailEl.value.length == 0) return true;
return /^[-0-9.a-z_]+@([0-9a-z][-0-9.a-z_]+\.)+[a-z0-9]{2,4}$/.test(document.getElementById(SF_MESS_PREFIX + 'email').value);
}
return true;
},
messValidate: function () {
var messVal = document[SF_MESS_FORM_NAME].getElementsByTagName('textarea')[0].value;
var len = messVal.length;
for (var i = 0, l = len; i < l; i++) {
if (messVal.charCodeAt(i) > 127)
len ++;
}
return len <= 2000;
},
init: function () {
document[SF_MESS_FORM_NAME].onsubmit = function () {
if (window.sf_mess_preview) return false;
var pass = true;
var msg = [];
var intSucNum = 0;
var noContact = true;
var aetMsg = [];
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
var inputCfg = sf_mess_cols[i];
if(inputCfg.mbtype == 'address'
|| inputCfg.mbtype == 'tel'
|| inputCfg.mbtype == 'email') {
if(sf_mess_validate.mustValidate(inputCfg.idname,inputCfg.innertip)) {
intSucNum++;
}else{
aetMsg.push(sf_mess_msg.prefix + inputCfg.tip);
}
noContact = false;
}
}
if(intSucNum==0 && !noContact){
pass = false;
msg.push(aetMsg.join('\n'));
} var oriColumnsState = {'address':0,'tel':0,'email':0};
var oriColumns = {};
var emailInnertip = "";
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
var inputCfg = sf_mess_cols[i];
switch (inputCfg.mbtype) {
case 'message':
case 'must':
if(!sf_mess_validate.mustValidate(inputCfg.idname,inputCfg.innertip)) {
pass = false;
msg.push(sf_mess_msg.prefix + inputCfg.tip);
}
break;
case 'email':
emailInnertip = inputCfg.innertip;
break;
default:
break;
}
} if (!sf_mess_validate.emailValidate(emailInnertip)) {
pass = false;
msg.push(sf_mess_msg.emailErr);
} if(!sf_mess_validate.messValidate()) {
pass = false;
msg.push(sf_mess_msg.messErr);
}
if(!pass) {
alert(msg.join('\n'));
} else {
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
var inputCfg = sf_mess_cols[i];
var hideEl = document.getElementById(SF_MESS_PREFIX + inputCfg.idname + 'hide');
document.getElementById(SF_MESS_PREFIX + inputCfg.idname).disabled = true;
if (document.getElementById(SF_MESS_PREFIX + inputCfg.idname).value == inputCfg.innertip) {
hideEl.value = '';
continue;
}
var utf8Value = encodeURIComponent(document.getElementById(SF_MESS_PREFIX + inputCfg.idname).value);
hideEl.value = utf8Value;
}
sf_mess_lib.getElement(SF_MESS_SUBMIT_ID).disabled = true;
sfMessTimes = 0;
sfMessSubmitMonitor();
}
return pass;
}
}
}var sfMessTimes;
function sfMessSubmitMonitor () {
try{
var hash = sf_mess_lib.getElement(SF_MESS_FRAME_ID).contentWindow.location.hash;
sfMessTimes ++;
if (sfMessTimes > 50) {
alert(sf_mess_msg.fail);
sf_mess_lib.getElement(SF_MESS_SUBMIT_ID).disabled = false;
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
document.getElementById(SF_MESS_PREFIX + sf_mess_cols[i].idname).disabled = false;
}
} else {
setTimeout(sfMessSubmitMonitor,100);
}
} catch (e) {
sf_mess_lib.getElement(SF_MESS_FRAME_ID).src = "about:blank";
alert(sf_mess_msg.success);
sf_mess_lib.getElement(SF_MESS_SUBMIT_ID).disabled = false;
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
var inputCfg = sf_mess_cols[i];
var inputEl = document.getElementById(SF_MESS_PREFIX + inputCfg.idname);
inputEl.disabled = false;
inputEl.value = filtInnertip(inputCfg.innertip);
}
}
}function filtInnertip (str) {
return str.replace(/"/g, '"').replace(/'/g, "'").replace(/</g, '<').replace(/>/g, '>').replace(/&/g, "&");
}sf_mess_lib.loadCss(SF_MESS_THEME_PATH + sf_mess_cfg.theme + '/' + sf_mess_cfg.color + '/style.css');
var sf_pos_style = "right:0";
if (sf_mess_cfg.mbpos && sf_mess_cfg.mbpos.indexOf('L') == 0) {
sf_pos_style = "left:0";
}
var sf_load_build = 'normal';
if (sf_mess_cfg.theme == 'friendly') {
sf_load_build = 'friendly';
}
document.write('<script type="text/javascript" src="buildfriendly.js"></script>')
//document.write('<script type="text/javascript" src="http://myshifen.baidu.com/sfmess/scripts/buildnormal.js">
//http://myshifen.baidu.com/sfmess/scripts/buildfriendly.js
buildnormal.jsvar sf_mess_tween = {
init: function () {
var mbBody = sf_mess_lib.getElement(SF_MESS_BODY_ID);
this.min = 0;
this.max = mbBody.offsetHeight;
},
initTween: function () {
if (!sf_mess_tween.initHeight) {
sf_mess_tween.initHeight = 1;
}
var mbBody = sf_mess_lib.getElement(SF_MESS_BODY_ID);
mbBody.style.display = '';
mbBody.style.height = sf_mess_tween.initHeight + 'px';
sf_mess_tween.initHeight += 2;
if (window.attachEvent && (!sf_mess_browser.higherThanIE6 || sf_mess_browser.onQuirkMode) && (!window.opera)) {
sf_mess_layout.fixMessageBoardPosition();
} if (sf_mess_tween.initHeight > sf_mess_tween.max) {
sf_mess_lib.getElement(SF_MESS_HEAD_ID).onclick = function (e) {sf_mess_tween.doTween();};
sf_mess_lib.getElement(SF_MESS_HEAD_ICON_ID).className = SF_MESS_ICON_CLOSE_CLASS;
} else {
setTimeout(sf_mess_tween.initTween, 0);
}
},
duration: 30,
easeIn: function (step, duration) {
return Math.pow(step/duration, 2);
},
easeOut: function (step, duration) {
var c = step/duration;
return -c * (c - 2);
},
doTween: function () {
var from, to;
var mbBody = sf_mess_lib.getElement(SF_MESS_BODY_ID);
if (mbBody.style.display == 'none') {
from = this.min;
to = this.max;
} else {
from = this.max;
to = this.min;
} var step = 0, chg = to - from;
function fixPosition() {
if (window.attachEvent && (!sf_mess_browser.higherThanIE6 || sf_mess_browser.onQuirkMode) && (!window.opera)) {
sf_mess_layout.fixMessageBoardPosition();
}
}
function doTweenStep () {
var offset = sf_mess_tween.easeIn(step++, sf_mess_tween.duration);
var hei = from + Math.floor(chg * offset);
if (hei > 0) {
mbBody.style.height = hei + 'px';
mbBody.style.display = '';
} else {
mbBody.style.display = 'none';
}
if (step > sf_mess_tween.duration) {
clearInterval(interval);
sf_mess_lib.getElement(SF_MESS_HEAD_ICON_ID).className = mbBody.style.display == 'none' ? SF_MESS_ICON_OPEN_CLASS : SF_MESS_ICON_CLOSE_CLASS;
}
fixPosition();
}
var interval = setInterval(doTweenStep, 10);
}
}var sf_mess_layout = {
module: null,
getModule: function () {
return sf_mess_layout_mod.join('');
}, createLayout: function () {
document.write(this.getModule().replace(/\$\{[.\w]+\}/g, this.__layoutVarReplacer));
this.mbWrap = sf_mess_lib.getElement(SF_MESS_WRAP_ID);
},
__layoutVarReplacer: function (str) {
if (str.indexOf('$') == 0) {
try {
return eval(str.substr(2, str.length - 3));
} catch(e) {
return '';
}
}
return str;
},
createFormInputs: function () {
var mbBody = sf_mess_lib.getElement(SF_MESS_BODY_ID);
var mbBodyMid = sf_mess_lib.getElement(SF_MESS_BODY_MID_ID);
var maxLenObj = {
"tel":40,
"email":100,
"address":200
};
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
var inputCfg = sf_mess_cols[i];
if (inputCfg.tip) {
var tipEl = document.createElement('div');
if (inputCfg.mbtype == "message")tipEl.id = SF_MESS_TIP_CLASS + inputCfg.mbtype;
tipEl.className = SF_MESS_TIP_CLASS;
tipEl.innerHTML = inputCfg.tip;
mbBodyMid.appendChild(tipEl);
}
var inputWrap = document.createElement('div');
var inputEl;
if (inputCfg.type == 'text') {
inputEl = document.createElement('input');
inputEl.type = 'text';
var maxLen = maxLenObj[inputCfg.mbtype];
if (maxLen) inputEl.maxLength = maxLen;
else inputEl.maxLength = 500;
} else {
inputEl = document.createElement('textarea');
}
if (inputCfg.idname){
inputEl.name = inputCfg.idname;
inputEl.id = SF_MESS_PREFIX + inputCfg.idname;
}
if (inputCfg.mbtype) {
inputWrap.className = inputCfg.mbtype;
}
this.__addInputEvent(inputEl, filtInnertip(inputCfg.innertip));
inputWrap.appendChild(inputEl);
mbBodyMid.appendChild(inputWrap);
//create a hidden input to hold userid
inputHiddenEl = document.createElement('input');
inputHiddenEl.value = owner;//owner is hold in config.js
inputHiddenEl.type = 'hidden';
inputHiddenEl.name= inputCfg.idname + 'hide';
inputHiddenEl.id = SF_MESS_PREFIX + inputCfg.idname + 'hide';
mbBodyMid.appendChild(inputHiddenEl);
}
}, __addInputEvent: function (el, text) {
if (text == '') {
return;
}
el.value = text;
el.onblur = function (event) {
if (this.value == '') {
this.value = text;
}
}
el.onfocus = function (event) {
if (this.value == text) {
this.value = '';
}
}
},
initFormStyle: function() {
var mbBody = sf_mess_lib.getElement(SF_MESS_BODY_ID);
sf_mess_tween.init();
mbBody.style.overflow = 'hidden';
mbBody.style.display = 'none';
this.mbWrap.style.top = document.documentElement.clientHeight - this.mbWrap.clientHeight + 'px';
if (window.addEventListener || sf_mess_browser.higherThanIE6 && (!sf_mess_browser.onQuirkMode)) {
this.mbWrap.style.top = '';
this.mbWrap.style.bottom = '0';
this.mbWrap.style.position = 'fixed';
} else {
window.attachEvent('onscroll', this.fixMessageBoardPosition);
window.attachEvent('onresize', this.fixMessageBoardPosition);
this.fixMessageBoardPosition();
} sf_mess_tween.initTween();
},
fixMessageBoardPosition: function () {
var self = sf_mess_layout;
var page = document.body;
if (!sf_mess_browser.onQuirkMode) {
page = page.parentNode;
}
self.mbWrap.style.top = parseInt(page.clientHeight) + parseInt(page.scrollTop) - self.mbWrap.offsetHeight + 'px';
}
}sf_mess_layout.createLayout();
sf_mess_layout.createFormInputs();
sf_mess_validate.init();
setTimeout(function(){sf_mess_layout.initFormStyle();}, 10);
我把下到的代码贴出来,谁能帮我把控制最外层DIV显示的方式给我抽出来呢~~~~~~~~~~
实在看不懂~~~~~~~~~~~