漂亮js代码（好看的js）

本篇文章给大家谈谈漂亮js代码，以及好看的js对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、跪求一段js代码
• 2、哪位JS高手帮我写一下代码
• 3、求一段JS代码
• 4、sublime怎么用啊？我看见别人用它打js代码可漂亮了，五颜六色的，于是我就去下载了，结果只能打
• 5、求一段表格效果的JS代码
• 6、高分求JS代码

跪求一段js代码

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

title轮播/title

/head

style

*{

padding:0;

margin:0;

}

#banner {

width:500px;

height:375px;

position:relative;

overflow:hidden;

}

#banner ul{

width:11000px;

height:375px;

position:absolute;

left:0;

}

#banner ul li{

float:left;

}

#banner ul li img{

width:500px;

}

#banner .btn{

width:30px;

height:50px;

position:absolute;

top:200px;

background:red;

cursor:pointer;

}

#banner .btn_right{

right:0;

}

#banner .btn_left{

left:0;

}

#bnt_1{width:100%;height:30px;position:absolute;bottom:20px;}

#bnt_1 ul{list-style:none;width:100%;height:30px;position:absolute;bottom:10px;left:200px;}

#bnt_1 ul li{float:left;margin-left:10px;width:20px;height:10px;background:yellow;}

/style

body

div id="banner"

ul

liimg src="1.jpg"/li

liimg src="2.jpg"/li

liimg src="3.jpg"/li

liimg src="4.jpg"/li

/ul

div class="btn btn_right"/div

div class="btn btn_left"/div

div id="bnt_1"

ul/ul

/div

/div

script

// 定时器

var index = 0;

var b = document.getElementById('banner');

var oul = b.getElementsByTagName('ul')[0];

var len = oul.getElementsByTagName('li').length;

//oul.style.left = '-300px';

var btn_right = b.getElementsByTagName('div')[0]

var btn_left = b.getElementsByTagName('div')[1]

var btn_ul=b.getElementsByTagName('div')[2].getElementsByTagName('ul')[0];

var timer = null;

function xh(){

timer = setInterval(function(){

index++

//alert(l)

if(index len - 1){

index = 0;

}

var l = - index*500 + 'px';

oul.style.left = l;

},5000)

}

xh();

btn_right.onclick = function(){

index++;

if(index len - 1){

index = 0;

}

var l = - index*500 + 'px';

oul.style.left = l;

//alert(index)

}

btn_left.onclick = function(){

index--;

if(index0){

index = 0;

}

var l = - index*500 + 'px';

oul.style.left = l;

//alert(index)

}

b.onmouseover = function(){

clearInterval(timer)

}

b.onmouseout = function(){

xh();

}

for(var i=0;ilen;i++){

var li =document.createElement('li');

li.n=i;

btn_ul.appendChild(li);

}

var lis =btn_ul.getElementsByTagName('li');

lis[0].style.background='red';

for(var i=0;ilen;i++){

lis[i].onclick =function(){

oul.style.left =-500*this.n+'px';

for(var j=0;jlen;j++){

lis[j].style.background='';

}

this.style.background='red';

}

}

function autopl(){

timer=setInterval(

function(){

index++;

if(indexlen -1){index =0;}

oul.style.left =-500*index+'px';

for(var i=0;ilen;i++){lis[i].style.background='';}

lis[index].style.background ='red';

},2000)

}

autopl();

btn_right.onclick =function(){

index++;

if(indexlen -1){

index=0;

}

oul.style.left=-500*index+'px';

for(var i=0;ilen;i++){

lis[i].style.background ='';

}

lis[index].style.background='red';

}

btn_left.onclick=function(){

index--;

if(index0){

index=0;

}

oul.style.left=-500*index+'px';

for(var i=0;ilen;i++){

lis[i].style.background='';

}

lis[index].style.background='red';

}

b.onmouseover = function(){//鼠标上去 停止自动切换

clearInterval(timer);

}

b.onmouseout = function(){//鼠标下来 继续自动切换

autopl();

}

/script

/body

/html

您好 这是 四张图片的轮播 您自己加一下图片 修改一下尺寸 就好

哪位JS高手帮我写一下代码

慢了一步~不过既然写了，就给你啦~

测试页面在附件里。

js部分代码如下：

function foSort(sortId,direction){

      var sid=parseInt(sortId);

 var ot=document.getElementById("DHlist");

 if (sid1 || sidot.rows.length-2){return false;}

 var nsid=direction.toLowerCase()=="up"? (sid=1? ot.rows.length-2:sid-1):(sid+1ot.rows.length-2? 1:sid+1);

 var svs=document.getElementsByName("sort");

 //替换sort的input的value--start--

 //看你的需要了，如果是要随着上下一起移动，可以把这一段注释掉

 var tsv=svs[sid-1].value; //这里转换为0开头的索引，sort的input比表格少2行，分别是开头和结尾    

 svs[sid-1].value=svs[nsid-1].value;

 svs[nsid-1].value=tsv;  

 //---end--

 //还原编号列---start---

 //如果要求编号也一起山下移动，可把此段注释掉

 var tid=ot.rows[sid].cells[0].innerHTML;

 ot.rows[sid].cells[0].innerHTML=ot.rows[nsid].cells[0].innerHTML;

      ot.rows[nsid].cells[0].innerHTML=tid;

 //--end---

 //上下切换--start----

      var tr=ot.rows[sid].innerHTML;  

 ot.rows[sid].innerHTML=ot.rows[nsid].innerHTML;

 ot.rows[nsid].innerHTML=tr;

 //---end---

}

完整HTML+js代码：

html

headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"

/headbody

style type="text/css"

table {border-collapse:collapse;

width:80%;

text-align:center;

}

th {

background:#eee;

}

th,td {

line-height:25px;

}

th,td {

border-bottom:1px solid #ccc;

}

/style

form method="post"

table id="DHlist"

trth编号/thth导航名/thth导航说明/thth操作/thth排序/th/tr

tr

input type="hidden" value="1" name="sort" /

td1/td

td导航1/td

td导航说明1/td

tda href="?action=updateid=1"修改/anbsp;#124;nbsp;a href="?action=deleteid=1"删除/a/td

tdinput type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'up')"value="向上" /input type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'down')"value="向下" //td

/tr

tr

input type="hidden" value="2" name="sort" /

td2/td

td导航2/td

td导航说明2/td

tda href="?action=updateid=1"修改/anbsp;#124;nbsp;a href="?action=deleteid=1"删除/a/td

tdinput type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'up')"value="向上" /input type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'down')"value="向下" //td

/tr

tr

input type="hidden" value="3" name="sort" /

td3/td

td导航3/td

td导航说明3/td

tda href="?action=updateid=3"修改/anbsp;#124;nbsp;a href="?action=deleteid=1"删除/a/td

tdinput type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'up')"value="向上" /input type="button" onClick="foSort(this.parentNode.parentNode.cells[0].innerHTML,'down')"value="向下" //td

/tr

trtd colspan="6"input type="submit" value="提交" name="send" /td/tr

/table

/form

script type="text/javascript"

function foSort(sortId,direction){

    var sid=parseInt(sortId);

 var ot=document.getElementById("DHlist");

 if (sid1 || sidot.rows.length-2){return false;}

 var nsid=direction.toLowerCase()=="up"? (sid=1? ot.rows.length-2:sid-1):(sid+1ot.rows.length-2? 1:sid+1);

 var svs=document.getElementsByName("sort");

 //替换sort的input的value--start--

 //看你的需要了，如果是要随着上下一起移动，可以把这一段注释掉

 var tsv=svs[sid-1].value; //这里转换为0开头的索引，sort的input比表格少2行，分别是开头和结尾  

 svs[sid-1].value=svs[nsid-1].value;

 svs[nsid-1].value=tsv;

 //---end--

 //还原编号列---start---

 //如果要求编号也一起山下移动，可把此段注释掉

 var tid=ot.rows[sid].cells[0].innerHTML;

 ot.rows[sid].cells[0].innerHTML=ot.rows[nsid].cells[0].innerHTML;

    ot.rows[nsid].cells[0].innerHTML=tid;

 //--end---

 //上下切换--start----

    var tr=ot.rows[sid].innerHTML;

 ot.rows[sid].innerHTML=ot.rows[nsid].innerHTML;

 ot.rows[nsid].innerHTML=tr;

 //---end---

}

/script

/body

/html

求一段JS代码

按钮驱动文字闪烁

脚本说明:

第一步:把如下代码加入body区域中

SCRIPT LANGUAGE="JavaScript"

var x=9;

var strobe="on"

if (navigator.appName == "Netscape") {

visShow="'show'";

visHide="'hide'";

docStyle="document.";

styleDoc="";

}

else {

visHide="'hidden'";

visShow="'visible'";

docStyle="";

styleDoc=".style";

}

/SCRIPT

SCRIPT LANGUAGE="JavaScript"

function hide1() {

eval(docStyle 'object1' styleDoc '.visibility=' visHide);

}

function hide2() {

eval(docStyle 'object2' styleDoc '.visibility=' visHide);

}

function hide3() {

eval(docStyle 'object3' styleDoc '.visibility=' visHide);

}

function hide4() {

eval(docStyle 'object4' styleDoc '.visibility=' visHide);

}

function hide5() {

eval(docStyle 'object5' styleDoc '.visibility=' visHide);

}

function hide6() {

eval(docStyle 'object6' styleDoc '.visibility=' visHide);

}

function hide7() {

eval(docStyle 'object7' styleDoc '.visibility=' visHide);

}

function hide8() {

eval(docStyle 'object8' styleDoc '.visibility=' visHide);

}

function hide9() {

eval(docStyle 'object9' styleDoc '.visibility=' visHide);

}

function hide10() {

eval(docStyle 'object10' styleDoc '.visibility=' visHide);

}

function show1() {

eval(docStyle 'object1' styleDoc '.visibility=' visShow);

hide2(),hide3();

}

function show2() {

eval(docStyle 'object2' styleDoc '.visibility=' visShow);

hide1(),hide3();

}

function show3() {

eval(docStyle 'object3' styleDoc '.visibility=' visShow);

hide2(),hide4();

}

function show4() {

eval(docStyle 'object4' styleDoc '.visibility=' visShow);

hide3(),hide5();

}

function show5() {

eval(docStyle 'object5' styleDoc '.visibility=' visShow);

hide4(),hide6();

}

function show6() {

eval(docStyle 'object6' styleDoc '.visibility=' visShow);

hide5(),hide7();

}

function show7() {

eval(docStyle 'object7' styleDoc '.visibility=' visShow);

hide6(),hide8();

}

function show8() {

eval(docStyle 'object8' styleDoc '.visibility=' visShow);

hide7(),hide9();

}

function show9() {

eval(docStyle 'object9' styleDoc '.visibility=' visShow);

hide8(),hide10();

}

function show10() {

eval(docStyle 'object10' styleDoc '.visibility=' visShow);

hide9();

}

function strobe1() {

x =1;

eval("show" x "()");

if (x10) setTimeout("strobe1()", 75);

else if (strobe=="on") strobe2();

}

function strobe2() {

x-=1;

eval("show" x "()");

if (x1) setTimeout("strobe2()", 75);

else strobe1();

}

function strobeOn() {

x=9;

strobe="on";

strobe1();

}

function strobeOff() {

strobe="off";

}

/SCRIPT

div id="vis" style="position:absolute; visibility:show; left:175px; top:280px; z-index:1"

table cellpadding=2 border=1tr

tdcenterbStrobe:/b/center/font/a/td

tda href="javascript:strobeOn()"

font color="#000000"centeron/center/font/a/td

tda href="javascript:strobeOff()"

font color="#000000"centeroff/center/font/a/td

/tr/table/div

div id="object1" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=#eaffff width=175 height=50tdcenterbfont color="#F9F9F9"JavaScript Planet/font/b/center/td/table

/div

div id="object2" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#ECECEC"JavaScript Planet/font/b/center/td/table

/div

div id="object3" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#D5D5D5"JavaScript Planet/font/b/center/td/table

/div

div id="object4" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#C0C0C0"JavaScript Planet/font/b/center/td/table

/div

div id="object5" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#b0b0b0"JavaScript Planet/font/b/center/td/table

/div

div id="object6" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#939393"JavaScript Planet/font/b/center/td/table

/div

div id="object7" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#808080"JavaScript Planet/font/b/center/td/table

/div

div id="object8" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#6b6b6b"JavaScript Planet/font/b/center/td/table

/div

div id="object9" style="position:absolute; visibility:hide; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#424242"JavaScript Planet/font/b/center/td/table

/div

div id="object10" style="position:absolute; visibility:show; left:175px; top:300px; z-index:1"

table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color="#000000"JavaScript Planet/font/b/center/td/table

/divP

/FONT/CENTER

sublime怎么用啊？我看见别人用它打js代码可漂亮了，五颜六色的，于是我就去下载了，结果只能打

你保存了吗？对应着保存成HTML或者JS之后就可以出现五颜六色的字了~

求一段表格效果的JS代码

用jQuery实现，代码如下：

var defaultColor="#112233";

$(function(){

$("table tr").each(i){

if(i5)

{

$(this).css("background-color","#112233");//前五行颜色

}

else

{

$(this).css("background-color","#223344");//五行之后的颜色

}

$("table tr").hover(function(){

defaultColor=$(this).css("background-color");

$(this).css("background-color","#334455");//鼠标移到的颜色

},function(){

$(this).css("background-color",defaultColor);//鼠标移出的颜色，恢复默认颜色

});

}

});

高分求JS代码

下面是一个提示信息窗口层代码!能实现关闭和拖动功能!你自己研究一下吧!

function dialog(){

var titile = '';

var width = 300;

var height = 180;

var src = "";

var path = "images/dialog/";

var sFunc = 'input id="dialogOk" type="button" style="{width:62px;height:22px;border:0;background:url(\'images/dialog/smb_btn_bg.gif\');line-height:20px;" value="确认" onclick="new dialog().reset();" / input id="dialogCancel" type="button" style="{width:62px;height:22px;border:0;background:url(\'images/dialog/smb_btn_bg.gif\');line-height:20px;" value="取消" onclick="new dialog().reset();" /';

var sClose = 'input type="image" id="dialogBoxClose" onclick="new dialog().reset();" src="' + path + 'dialogCloseF.gif" border="0" width="17" height="17" onmouseover="this.src=\'' + path + 'dialogClose0.gif\';" onmouseout="this.src=\'' + path + 'dialogCloseF.gif\';" align="absmiddle" /';

var sBody = '\

table id="dialogBodyBox" border="0" align="center" cellpadding="0" cellspacing="0"\

tr height="10"td colspan="4"/td/tr\

tr\

td width="10"/td\

td width="80" align="center" valign="absmiddle"img id="dialogBoxFace" src="' + path + '3.gif" //td\

td id="dialogMsg" style="font-size:12px;"/td\

td width="10"/td\

/tr\

tr height="10"td colspan="4" align="center"/td/tr\

trtd id="dialogFunc" colspan="4" align="center"' + sFunc + '/td/tr\

tr height="10"td colspan="4" align="center"/td/tr\

/table\

';

var sBox = '\

table id="dialogBox" width="' + width + '" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #000;display:none;z-index:10;"\

tr height="1" bgcolor="#D6E3EB"td/td/tr\

tr height="25" bgcolor="FFCC00"\

td\

table onselectstart="return false;" style="-moz-user-select:none;" width="100%" border="0" cellpadding="0" cellspacing="0"\

tr\

td width="6"/td\

td id="dialogBoxTitle" onmousedown="new dialog().moveStart(event, \'dialogBox\')" style="color:#fff;cursor:move;font-size:12px;font-weight:bold;" /td\

td id="dialogClose" width="27" align="right" valign="middle"\

' + sClose + '\

/td\

td width="6"/td\

/tr\

/table\

/td\

/tr\

tr height="2" bgcolor="#EDEDED"td/td/tr\

tr id="dialogHeight" style="height:' + height + '"\

td id="dialogBody" bgcolor="#ffffff"' + sBody + '/td\

/tr\

/table\

div id="dialogBoxShadow" style="display:none;z-index:9;"/div\

';

var sBG = '\

div id="dialogBoxBG" style="position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(images/dialog/blank.gif);"/div\

';

function $(_sId){return document.getElementById(_sId)}

this.show = function(){

this.middle('dialogBox');

this.shadow();

//$("dialogBoxBG").style.width = document.body.scrollWidth;

//$("dialogBoxBG").style.height = document.body.scrollHeight;

}

this.reset = function(){$('dialogBox').style.display='none';$('dialogBoxBG').style.display='none';$('dialogBoxShadow').style.display = "none";$('dialogBody').innerHTML = sBody;}

this.html = function(_sHtml){$("dialogBody").innerHTML = _sHtml;this.show();}

this.init = function(){

$('dialogCase') ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){};

var oDiv = document.createElement('span');

oDiv.id = "dialogCase";

oDiv.innerHTML = sBG + sBox;

document.body.appendChild(oDiv);

$('dialogBoxBG').style.height = document.body.scrollHeight;

}

this.button = function(_sId, _sFuc){

if($(_sId)){

$(_sId).style.display = '';

if($(_sId).addEventListener){

if($(_sId).act){$(_sId).removeEventListener('click', function(){eval($(_sId).act)}, false);}

$(_sId).act = _sFuc;

$(_sId).addEventListener('click', function(){eval(_sFuc)}, false);

}else{

if($(_sId).act){$(_sId).detachEvent('onclick', function(){eval($(_sId).act)});}

$(_sId).act = _sFuc;

$(_sId).attachEvent('onclick', function(){eval(_sFuc)});

}

}

}

this.shadow = function(){

var oShadow = $('dialogBoxShadow');

var oDialog = $('dialogBox');

oShadow['style']['position'] = "absolute";

oShadow['style']['background'] = "#000";

oShadow['style']['display'] = "";

oShadow['style']['opacity'] = "0.2";

oShadow['style']['filter'] = "alpha(opacity=20)";

oShadow['style']['top'] = oDialog.offsetTop + 6;

oShadow['style']['left'] = oDialog.offsetLeft + 6;

oShadow['style']['width'] = oDialog.offsetWidth;

oShadow['style']['height'] = oDialog.offsetHeight;

}

this.open = function(_sUrl, _sMode){

this.show();

if(!_sMode || _sMode == "no" || _sMode == "yes"){

$("dialogBody").innerHTML = "iframe width='100%' height='100%' src='" + _sUrl + "' frameborder='0' scrolling='" + _sMode + "'/iframe";

}

}

this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode, _sTitle){

var oWindow;

var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0;

var iTop = -80 + (screen.height - _iHeight)/2;

iTop = iTop 0 ? iTop : (screen.height - _iHeight)/2;

var sTop = (screen.height) ? iTop : 0;

if(window.showModalDialog _sMode == "m"){

oWindow = window.showModalDialog(_sUrl,_sTitle,"dialogWidth:" + _iWidth + "px;dialogheight:" + _iHeight + "px");

} else {

oWindow = window.open(_sUrl, _sTitle, 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ', toolbar=no, menubar=no, scrollbars=' + _sMode + ', resizable=no,location=no, status=no');

this.reset();

}

}

this.event = function(_sMsg, _sOk, _sCancel, _sClose){

$('dialogFunc').innerHTML = sFunc;

$('dialogClose').innerHTML = sClose;

$('dialogBodyBox') == null ? $('dialogBody').innerHTML = sBody : function(){};

$('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){};

_sOk _sOk != "" ? this.button('dialogOk', _sOk)| $('dialogOk').focus() : $('dialogOk').style.display = 'none';

_sCancel _sCancel != "" ? this.button('dialogCancel', _sCancel) : $('dialogCancel').style.display = 'none';

//_sOk ? this.button('dialogOk', _sOk) : _sOk == "" ? function(){} : $('dialogCancel').style.display = 'none';

//_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'none';

_sClose ? this.button('dialogBoxClose', _sClose) : function(){};

this.show();

}

this.set = function(_oAttr, _sVal){

var oShadow = $('dialogBoxShadow');

var oDialog = $('dialogBox');

var oHeight = $('dialogHeight');

if(_sVal != ''){

switch(_oAttr){

case 'title':

$('dialogBoxTitle').innerHTML = _sVal;

title = _sVal;

break;

case 'width':

oDialog['style']['width'] = _sVal;

width = _sVal;

break;

case 'height':

oHeight['style']['height'] = _sVal;

height = _sVal;

break;

case 'src':

if(parseInt(_sVal) 0){

$('dialogBoxFace') ? $('dialogBoxFace').src = path + _sVal + '.gif' : function(){};

}else{

$('dialogBoxFace') ? $('dialogBoxFace').src = _sVal : function(){};

}

src = _sVal;

break;

}

}

this.middle('dialogBox');

oShadow['style']['top'] = oDialog.offsetTop + 6;

oShadow['style']['left'] = oDialog.offsetLeft + 6;

oShadow['style']['width'] = oDialog.offsetWidth;

oShadow['style']['height'] = oDialog.offsetHeight;

}

this.moveStart = function (event, _sId){

var oObj = $(_sId);

oObj.onmousemove = mousemove;

oObj.onmouseup = mouseup;

oObj.setCapture ? oObj.setCapture() : function(){};

oEvent = window.event ? window.event : event;

var dragData = {x : oEvent.clientX, y : oEvent.clientY};

var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)};

function mousemove(){

var oEvent = window.event ? window.event : event;

var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);

var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);

oObj.style.left = iLeft;

oObj.style.top = iTop;

$('dialogBoxShadow').style.left = iLeft + 6;

$('dialogBoxShadow').style.top = iTop + 6;

dragData = {x: oEvent.clientX, y: oEvent.clientY};

}

function mouseup(){

var oEvent = window.event ? window.event : event;

oObj.onmousemove = null;

oObj.onmouseup = null;

if(oEvent.clientX 1 || oEvent.clientY 1 || oEvent.clientX document.body.clientWidth || oEvent.clientY document.body.clientHeight){

oObj.style.left = backData.y;

oObj.style.top = backData.x;

$('dialogBoxShadow').style.left = backData.y + 6;

$('dialogBoxShadow').style.top = backData.x + 6;

}

oObj.releaseCapture ? oObj.releaseCapture() : function(){};

}

}

this.hideModule = function(_sType, _sDisplay){

var aIframe = parent.document.getElementsByTagName("iframe");aIframe=0;

var aType = document.getElementsByTagName(_sType);

var iChildObj, iChildLen;

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

aType[i].style.display = _sDisplay;

}

for (var j = 0; j aIframe.length; j++){

iChildObj = document.frames ? document.frames[j] : aIframe[j].contentWindow;

iChildLen = iChildObj.document.body.getElementsByTagName(_sType).length;

for (var k = 0; k iChildLen; k++){

iChildObj.document.body.getElementsByTagName(_sType)[k].style.display = _sDisplay;

}

}

}

this.middle = function(_sId){

var sClientWidth = parent ? parent.document.body.clientWidth : document.body.clientWidth;

var sClientHeight = parent ? parent.document.body.clientHeight : document.body.clientHeight;

var sScrollTop = parent ? parent.document.body.scrollTop : document.body.scrollTop;

document.getElementById(_sId)['style']['display'] = '';

document.getElementById(_sId)['style']['position'] = "absolute";

document.getElementById(_sId)['style']['left'] = (document.body.clientWidth / 2) - (document.getElementById(_sId).offsetWidth / 2);

var sTop = -80 + (sClientHeight / 2 + sScrollTop) - (document.getElementById(_sId).offsetHeight / 2);

document.getElementById(_sId)['style']['top'] = sTop 0 ? sTop : (sClientHeight / 2 + sScrollTop) - (document.getElementById(_sId).offsetHeight / 2);

}

}

function _error_msg_show(msg, click, icon, title)

{

click = click ? click : ' ';

icon = icon ? icon : '';

title = title ? title : '系统提示信息';

switch (icon)

{

case 'forbid':

icon = 1;

break;

case 'succ':

icon = 2;

break;

case 'smile':

icon = 3;

break;

case 'forget':

icon = 4;

break;

case 'sorry':

icon = 5;

break;

case 'care':

icon = 6;

break;

case '':

icon = 5;

break;

}

dg=new dialog();

dg.init();

dg.set('src', icon);

dg.set('title', title);

dg.event(msg, click, '', click);

}

function _win_error_msg_show(msg, click, icon, top, left, width, height)

{

click = click ? click : ' ';

icon = icon ? icon : '';

title = '系统提示信息';

top = top ? top : 80;

switch (icon)

{

case 'forbid':

icon = 1;

break;

case 'succ':

icon = 2;

break;

case 'smile':

icon = 3;

break;

case 'forget':

icon = 4;

break;

case 'sorry':

icon = 5;

break;

case 'care':

icon = 6;

break;

case '':

icon = 5;

break;

}

dg=new dialog();

dg.init();

dg.set('src', icon);

dg.set('title', title);

if (width)

{

dg.set('width', width);

}

if (height)

{

dg.set('height', height);

}

dg.event(msg, click, '', click);

if (left)

{

document.getElementById('dialogBox')['style']['left'] = left;

document.getElementById('dialogBoxShadow')['style']['left'] = left;

}

if (top)

{

document.getElementById('dialogBox')['style']['top'] = top;

document.getElementById('dialogBoxShadow')['style']['top'] = top;

}

}

function _confirm_msg_show(msg, click_ok, click_no, title)

{

click_ok = click_ok ? click_ok : ' ';

click_no = click_no ? click_no : ' ';

title = title ? title : '系统提示信息';

dg=new dialog();

dg.init();

dg.set('src', 3); // smile

dg.set('title', title);

dg.event(msg, click_ok, click_no, click_no);

}

function _win_confirm_msg_show(msg, click_ok, click_no, top, left, width, height)

{

click_ok = click_ok ? click_ok : ' ';

click_no = click_no ? click_no : ' ';

title = '系统提示信息';

top = top ? top : 80;

dg=new dialog();

dg.init();

dg.set('src', 3); // smile

dg.set('title', title);

if (width)

{

dg.set('width', width);

}

if (height)

{

dg.set('height', height);

}

dg.event(msg, click_ok, click_no, click_no);

if (left)

{

document.getElementById('dialogBox')['style']['left'] = left;

document.getElementById('dialogBoxShadow')['style']['left'] = left;

}

if (top)

{

document.getElementById('dialogBox')['style']['top'] = top;

document.getElementById('dialogBoxShadow')['style']['top'] = top;

}

}

漂亮js代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于好看的js、漂亮js代码的信息别忘了在本站进行查找喔。