分享
 
 
 

永远居中的背景图片[修改图片名称]

王朝other·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- http://bbs.knowsky.com/ -->

<!--要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中-->

<script>

document.onmouseover = doOver;

document.onmouseout = doOut;

document.onmousedown = doDown;

document.onmouseup = doUp;

function doOver() {

var toEl = getReal(window.event.toElement, "className", "coolButton");

var fromEl = getReal(window.event.fromElement, "className", "coolButton");

if (toEl == fromEl) return;

var el = toEl;

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if (el.className == "coolButton")

el.onselectstart = new Function("return false");

if ((el.className == "coolButton") && !cDisabled) {

makeRaised(el);

makeGray(el,false);

}

}

function doOut() {

var toEl = getReal(window.event.toElement, "className", "coolButton");

var fromEl = getReal(window.event.fromElement, "className", "coolButton");

if (toEl == fromEl) return;

var el = fromEl;

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

var cToggle = el.cToggle;

toggle_disabled = (cToggle != null); // If CTOGGLE atribute is present

if (cToggle && el.value) {

makePressed(el);

makeGray(el,true);

}

else if ((el.className == "coolButton") && !cDisabled) {

makeFlat(el);

makeGray(el,true);

}

}

function doDown() {

el = getReal(window.event.srcElement, "className", "coolButton");

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if ((el.className == "coolButton") && !cDisabled) {

makePressed(el)

}

}

function doUp() {

el = getReal(window.event.srcElement, "className", "coolButton");

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if ((el.className == "coolButton") && !cDisabled) {

makeRaised(el);

}

}

function getReal(el, type, value) {

temp = el;

while ((temp != null) && (temp.tagName != "BODY")) {

if (eval("temp." + type) == value) {

el = temp;

return el;

}

temp = temp.parentElement;

}

return el;

}

function findChildren(el, type, value) {

var children = el.children;

var tmp = new Array();

var j=0;

for (var i=0; i<children.length; i++) {

if (eval("children[i]." + type + "==\"" + value + "\"")) {

tmp[tmp.length] = children[i];

}

tmp = tmp.concat(findChildren(children[i], type, value));

}

return tmp;

}

function disable(el) {

if (document.readyState != "complete") {

window.setTimeout("disable(" + el.id + ")", 100); // If document not finished rendered try later.

return;

}

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if (!cDisabled) {

el.cDisabled = true;

el.innerHTML = '<span style="background: buttonshadow; width: 100%; height: 100%; text-align: center;">' +

'<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); height: 100%; width: 100%%; text-align: center;">' +

el.innerHTML +

'</span>' +

'</span>';

if (el.onclick != null) {

el.cDisabled_onclick = el.onclick;

el.onclick = null;

}

}

}

function enable(el) {

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

if (cDisabled) {

el.cDisabled = null;

el.innerHTML = el.children[0].children[0].innerHTML;

if (el.cDisabled_onclick != null) {

el.onclick = el.cDisabled_onclick;

el.cDisabled_onclick = null;

}

}

}

function addToggle(el) {

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

var cToggle = el.cToggle;

cToggle = (cToggle != null); // If CTOGGLE atribute is present

if (!cToggle && !cDisabled) {

el.cToggle = true;

if (el.value == null)

el.value = 0; // Start as not pressed down

if (el.onclick != null)

el.cToggle_onclick = el.onclick; // Backup the onclick

else

el.cToggle_onclick = "";

el.onclick = new Function("toggle(" + el.id +"); " + el.id + ".cToggle_onclick();");

}

}

function removeToggle(el) {

var cDisabled = el.cDisabled;

cDisabled = (cDisabled != null); // If CDISABLED atribute is present

var cToggle = el.cToggle;

cToggle = (cToggle != null); // If CTOGGLE atribute is present

if (cToggle && !cDisabled) {

el.cToggle = null;

if (el.value) {

toggle(el);

}

makeFlat(el);

if (el.cToggle_onclick != null) {

el.onclick = el.cToggle_onclick;

el.cToggle_onclick = null;

}

}

}

function toggle(el) {

el.value = !el.value;

if (el.value)

el.style.background = "URL(/images/tileback.gif)";

else

el.style.backgroundImage = "";

// doOut(el);

}

function makeFlat(el) {

with (el.style) {

background = "";

border = "1px solid buttonface";

padding = "1px";

}

}

function makeRaised(el) {

with (el.style) {

borderLeft = "1px solid buttonhighlight";

borderRight = "1px solid buttonshadow";

borderTop = "1px solid buttonhighlight";

borderBottom = "1px solid buttonshadow";

padding = "1px";

}

}

function makePressed(el) {

with (el.style) {

borderLeft = "1px solid buttonshadow";

borderRight = "1px solid buttonhighlight";

borderTop = "1px solid buttonshadow";

borderBottom = "1px solid buttonhighlight";

paddingTop = "2px";

paddingLeft = "2px";

paddingBottom = "0px";

paddingRight = "0px";

}

}

function makeGray(el,b) {

var filtval;

if (b)

filtval = "gray()";

else

filtval = "";

var imgs = findChildren(el, "tagName", "IMG");

for (var i=0; i<imgs.length; i++) {

imgs[i].style.filter = filtval;

}

}

document.write("<style>");

document.write(".coolBar {background: buttonface;border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; padding: 2px; font: menu;}");

document.write(".coolButton {border: 1px solid buttonface; padding: 1px; text-align: center; cursor: default;}");

document.write(".coolButton IMG {filter: gray();}");

document.write("</style>");

</script>

<!--第二步:把如下代码加入到<body>区域中-->

<table class="coolBar">

<tr>

<td class="coolButton"> <font size="3"><b><font color="#000000">Home</font></b></font>

</td>

<td class="coolButton"> <font size="3"><b><font color="#000000">Link</font></b></font>

</td>

</tr>

</table>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有