管用重用的简单写法

<script type="text/javascript">
function $$(id){
return document.getElementById(id);
}
var oBox=$$("box");
var oLink=$$("link");
var oClose=$$("close");
var oFf =$$("close01");
var oCreate=$$("create");
var oMade = $$('made');
var oFf2 = $$('close02');
var oCancel01 = $$('cancel01');

function show(obj){
obj.style.display = 'block';
}
function hide(obj){
obj.style.display = 'none';
}

oBox.onclick=function() {
// oLink.style.display = "block";
show(oLink);
};
oClose.onclick=function () {
// oLink.style.display="none";
// oCreate.style.display="block";
hide(oLink);
};
oFf.onclick=function(){
// oCreate.style.display="none";
hide(oCreate);
};
oMade.onclick = function(){
hide(oLink);
show(oCreate);
};
oFf2.onclick = function(){
hide(oCreate);
};
oCancel01.onclick = function(){
hide(oLink);
}

</script>

 

 

 

 

 

 

 

 

 

<script type="text/javascript">
function $$(id){
return document.getElementById(id);
}

function show(obj){
obj.style.display = 'block';
}
function hide(obj){
obj.style.display = 'none';
}

$$("box").onclick=function(){
show($$("link"));
};
$$("close").onclick=function(){
hide($$("link"));
};
$$("close01").onclick=function(){
hide($$("create"));
};
$$('made').onclick = function(){
hide($$("link"));
show($$("create"));
};
$$('close02').onclick = function(){
hide($$("create"));
};
$$('cancel01').onclick = function(){
hide($$("link"));
}

</script>