从别人的站点取下来了个效果,想看看演示,可是JS中没用代码太多了。请高人帮忙看下,哪些保留就可以了。这个效果是不错的,请高人帮忙指点下啊 @_@if (typeof(QZFL) == "undefined" || !QZFL) {
if (typeof(QZONE) == "object") {
} else {
window.QZONE = QZFL = {};
}
};QZFL.object = {
extend: function(object, extendModule) {
QZFL.object.each(extendModule,
function(value, key) {
object[key] = value;
});
},
each: function(object, fn) {
var i = 0,
k, _fn = fn;
if (Object.prototype.toString.call(object) === "[object Array]") {
if ( !! object.forEach) {
object.forEach(fn);
}
} else {
for (k in object) {
_fn(object[k], k, object);
}
}
}
};
QZFL.namespace = QZFL.object;
QZFL.dom = {
get: function(e) {
if (e && ((e.tagName || e.item) || e.nodeType == 9)) {
return e;
}
},
setStyle: function(el, property, value) {
el = this.get(el);
switch (property) {
case "backgroundPositionX":
case "backgroundPositionY":
default:
el.style[property] = value;
}
}
};
QZFL.selector = {
query: function(selector, context) {
var _s = QZFL.selector.engine(selector, context);
return _s;
}
};; (function() {
var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,
done = 0,
toString = Object.prototype.toString,
hasDuplicate = false;
var Sizzle = function(selector, context, results, seed) {
results = results || [];
var origContext = context = context || document;
if (context.nodeType !== 1 && context.nodeType !== 9) {
return [];
}
if (!selector || typeof selector !== "string") {
return results;
}
var parts = [],
m,
set,
checkSet,
check,
mode,
extra,
prune = true,
contextXML = isXML(context);
chunker.lastIndex = 0;
while ((m = chunker.exec(selector)) !== null) {
parts.push(m[1]);
}
if (parts.length > 1 && origPOS.exec(selector)) {
} else {
if (context) {
var ret = seed ? {
expr: parts.pop(),
set: makeArray(seed)
}: Sizzle.find(parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode: context, contextXML);
set = ret.expr ? Sizzle.filter(ret.expr, ret.set) : ret.set;
}
}
if (!checkSet) {
checkSet = set;
}
if (!checkSet) {
throw "Syntax error, unrecognized expression: " + (cur || selector);
}
if (toString.call(checkSet) === "[object Array]") {
if (!prune) {
results.push.apply(results, checkSet);
} else if (context && context.nodeType === 1) {
for (var i = 0; checkSet[i] != null; i++) {
if (checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i]))) {
results.push(set[i]);
}
}
} else {
for (var i = 0; checkSet[i] != null; i++) {
if (checkSet[i] && checkSet[i].nodeType === 1) {
results.push(set[i]);
}
}
}
}
return results;
};
Sizzle.find = function(expr, context, isXML) {
var set, match;
for (var i = 0,
l = Expr.order.length; i < l; i++) {
var type = Expr.order[i],
match;
if ((match = Expr.match[type].exec(expr))) {
var left = RegExp.leftContext;
if (left.substr(left.length - 1) !== "\\") {
match[1] = (match[1] || "").replace(/\\/g, "");
set = Expr.find[type](match, context, isXML);
if (set != null) {
expr = expr.replace(Expr.match[type], "");
break;
}
}
}
}
return {
set: set,
expr: expr
};
};
var Expr = Sizzle.selectors = {
order: ["ID", "NAME", "TAG"],
match: {
ID: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
PSEUDO: /:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/
},
find: {
}
};
try {
} catch(e) {
} (function() {
var form = document.createElement("div"),
id = "script" + (new Date).getTime();
form.innerHTML = "<a name='" + id + "'/>";
var root = document.documentElement;
root.insertBefore(form, root.firstChild);
if ( !! document.getElementById(id)) {
Expr.find.ID = function(match, context, isXML) {
if (typeof context.getElementById !== "undefined" && !isXML) {
var m = context.getElementById(match[1]);
return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined: [];
}
};
}
})();
var isXML = function(elem) {
};
QZFL.selector.engine = Sizzle;
})();; (function() {
QZFL.element = {
get: function(selector, context) {
return new _el(selector, context);
},
extendFn: function(object) {
QZFL.namespace.extend(_el.prototype, object);
}
}
QZFL.ElementHandler = function(selector, context) {
this._init(selector, context);
}
_el = QZFL.ElementHandler;
_el.prototype = {
_init: function(selector, context) {
if (typeof(selector) == "string") {
this.elements = QZFL.selector.query(selector, context);
}
},
each: function(fn) {
QZFL.object.each(this.elements, fn);
}
}
window.$e = QZFL.element.get;
})();
QZFL.element.extendFn({
hide: function() {
this.each(function(el) {
QZFL.dom.setStyle(el, "display", "none");
})
},
show: function() {
this.each(function(el) {
QZFL.dom.setStyle(el, "display", "");
})
}
});下面的是弹出效果的HTML代码。这个应该是提取对了,感觉没有什么多余的了。<style>
.group_step fieldset,img,button,input {border:0 none;}
.group_step button {cursor:pointer;}
.develop_tips button {cursor:pointer;}
.topadcontainer {margin:0 auto;width:958px;}
.group_step {MARGIN: 0px 0px 10px 0px; BACKGROUND: url(http://www.5s51.com/shop/topad/bg_buy_help.png) no-repeat 0px 0px; HEIGHT: 85px}
.group_step OL {DISPLAY: none}
.group_step Li {DISPLAY: none}
.group_step BUTTON {BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; MARGIN: 4px; OVERFLOW: hidden; WIDTH: 15px; TEXT-INDENT: -999em; HEIGHT: 15px}
.develop_tips {clear:both;position:relative;z-index:1;}
.develop_tips button {overflow:hidden;position:absolute;top:0;right:-22px; width:20px;height:13px;background:url(http://www.5s51.com/shop/topad/bg_buy_help.png) no-repeat 0px -90px;text-indent:-999em;}
</style><!--Top AD Begin-->
<DIV class=topadcontainer id=container>
<DIV class=group_step id=group_step_bar>
<OL>
<LI>我秀我依,5s51.com/免费加盟/一件代发/数据包一键上架/</LI>
<LI>现在注册还可获得高额预存款哦~</LI>
<LI>请记住我们:www.5s51.com</LI>
</OL>
<BUTTON class=btn_close onClick="$e('#group_step_bar').hide();$e('#develop_tips').show();">关闭</BUTTON> </DIV>
<DIV class=develop_tips id=develop_tips style="DISPLAY: none"><BUTTON title=展开我秀我依焦点推荐 onClick="$e('#group_step_bar').show();$e('#develop_tips').hide();">展开</BUTTON> </DIV></DIV>
<!--Top AD End-->
if (typeof(QZONE) == "object") {
} else {
window.QZONE = QZFL = {};
}
};QZFL.object = {
extend: function(object, extendModule) {
QZFL.object.each(extendModule,
function(value, key) {
object[key] = value;
});
},
each: function(object, fn) {
var i = 0,
k, _fn = fn;
if (Object.prototype.toString.call(object) === "[object Array]") {
if ( !! object.forEach) {
object.forEach(fn);
}
} else {
for (k in object) {
_fn(object[k], k, object);
}
}
}
};
QZFL.namespace = QZFL.object;
QZFL.dom = {
get: function(e) {
if (e && ((e.tagName || e.item) || e.nodeType == 9)) {
return e;
}
},
setStyle: function(el, property, value) {
el = this.get(el);
switch (property) {
case "backgroundPositionX":
case "backgroundPositionY":
default:
el.style[property] = value;
}
}
};
QZFL.selector = {
query: function(selector, context) {
var _s = QZFL.selector.engine(selector, context);
return _s;
}
};; (function() {
var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,
done = 0,
toString = Object.prototype.toString,
hasDuplicate = false;
var Sizzle = function(selector, context, results, seed) {
results = results || [];
var origContext = context = context || document;
if (context.nodeType !== 1 && context.nodeType !== 9) {
return [];
}
if (!selector || typeof selector !== "string") {
return results;
}
var parts = [],
m,
set,
checkSet,
check,
mode,
extra,
prune = true,
contextXML = isXML(context);
chunker.lastIndex = 0;
while ((m = chunker.exec(selector)) !== null) {
parts.push(m[1]);
}
if (parts.length > 1 && origPOS.exec(selector)) {
} else {
if (context) {
var ret = seed ? {
expr: parts.pop(),
set: makeArray(seed)
}: Sizzle.find(parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode: context, contextXML);
set = ret.expr ? Sizzle.filter(ret.expr, ret.set) : ret.set;
}
}
if (!checkSet) {
checkSet = set;
}
if (!checkSet) {
throw "Syntax error, unrecognized expression: " + (cur || selector);
}
if (toString.call(checkSet) === "[object Array]") {
if (!prune) {
results.push.apply(results, checkSet);
} else if (context && context.nodeType === 1) {
for (var i = 0; checkSet[i] != null; i++) {
if (checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i]))) {
results.push(set[i]);
}
}
} else {
for (var i = 0; checkSet[i] != null; i++) {
if (checkSet[i] && checkSet[i].nodeType === 1) {
results.push(set[i]);
}
}
}
}
return results;
};
Sizzle.find = function(expr, context, isXML) {
var set, match;
for (var i = 0,
l = Expr.order.length; i < l; i++) {
var type = Expr.order[i],
match;
if ((match = Expr.match[type].exec(expr))) {
var left = RegExp.leftContext;
if (left.substr(left.length - 1) !== "\\") {
match[1] = (match[1] || "").replace(/\\/g, "");
set = Expr.find[type](match, context, isXML);
if (set != null) {
expr = expr.replace(Expr.match[type], "");
break;
}
}
}
}
return {
set: set,
expr: expr
};
};
var Expr = Sizzle.selectors = {
order: ["ID", "NAME", "TAG"],
match: {
ID: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
PSEUDO: /:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/
},
find: {
}
};
try {
} catch(e) {
} (function() {
var form = document.createElement("div"),
id = "script" + (new Date).getTime();
form.innerHTML = "<a name='" + id + "'/>";
var root = document.documentElement;
root.insertBefore(form, root.firstChild);
if ( !! document.getElementById(id)) {
Expr.find.ID = function(match, context, isXML) {
if (typeof context.getElementById !== "undefined" && !isXML) {
var m = context.getElementById(match[1]);
return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined: [];
}
};
}
})();
var isXML = function(elem) {
};
QZFL.selector.engine = Sizzle;
})();; (function() {
QZFL.element = {
get: function(selector, context) {
return new _el(selector, context);
},
extendFn: function(object) {
QZFL.namespace.extend(_el.prototype, object);
}
}
QZFL.ElementHandler = function(selector, context) {
this._init(selector, context);
}
_el = QZFL.ElementHandler;
_el.prototype = {
_init: function(selector, context) {
if (typeof(selector) == "string") {
this.elements = QZFL.selector.query(selector, context);
}
},
each: function(fn) {
QZFL.object.each(this.elements, fn);
}
}
window.$e = QZFL.element.get;
})();
QZFL.element.extendFn({
hide: function() {
this.each(function(el) {
QZFL.dom.setStyle(el, "display", "none");
})
},
show: function() {
this.each(function(el) {
QZFL.dom.setStyle(el, "display", "");
})
}
});下面的是弹出效果的HTML代码。这个应该是提取对了,感觉没有什么多余的了。<style>
.group_step fieldset,img,button,input {border:0 none;}
.group_step button {cursor:pointer;}
.develop_tips button {cursor:pointer;}
.topadcontainer {margin:0 auto;width:958px;}
.group_step {MARGIN: 0px 0px 10px 0px; BACKGROUND: url(http://www.5s51.com/shop/topad/bg_buy_help.png) no-repeat 0px 0px; HEIGHT: 85px}
.group_step OL {DISPLAY: none}
.group_step Li {DISPLAY: none}
.group_step BUTTON {BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; MARGIN: 4px; OVERFLOW: hidden; WIDTH: 15px; TEXT-INDENT: -999em; HEIGHT: 15px}
.develop_tips {clear:both;position:relative;z-index:1;}
.develop_tips button {overflow:hidden;position:absolute;top:0;right:-22px; width:20px;height:13px;background:url(http://www.5s51.com/shop/topad/bg_buy_help.png) no-repeat 0px -90px;text-indent:-999em;}
</style><!--Top AD Begin-->
<DIV class=topadcontainer id=container>
<DIV class=group_step id=group_step_bar>
<OL>
<LI>我秀我依,5s51.com/免费加盟/一件代发/数据包一键上架/</LI>
<LI>现在注册还可获得高额预存款哦~</LI>
<LI>请记住我们:www.5s51.com</LI>
</OL>
<BUTTON class=btn_close onClick="$e('#group_step_bar').hide();$e('#develop_tips').show();">关闭</BUTTON> </DIV>
<DIV class=develop_tips id=develop_tips style="DISPLAY: none"><BUTTON title=展开我秀我依焦点推荐 onClick="$e('#group_step_bar').show();$e('#develop_tips').hide();">展开</BUTTON> </DIV></DIV>
<!--Top AD End-->
document.write("JF");
}