Home >Web Front-end >JS Tutorial >JS version of xWin_javascript skills

JS version of xWin_javascript skills

WBOYOriginal: 2016-05-16 19:24:061099browse

There should be no bugs in the current code, it is compatible with IE6.0 & FF 1.5, and passes xHTML Transitional verification and CSS verification.

In order to pass the verification, I had to change the method of use again and use DIV instead. Method:

Copy code The code is as follows:

 
  width="200" top="270" left=" 140" title="I am the legendary super long window title" 
 content 

.xWin { 
    position:absolute; 
    cursor:default; 
    border-width:2px; 
    border-style:outset; 
    padding:0px; 
    font-size:12px; 
    overflow:hidden; 
    display:block; 
}

.xWin .xWinSetting { 
    display:none; 
}

.xWin .xTitle { 
    color:#FFFFFF; 
    height:20px; 
    display:block; 
}

.xWin .xTitle input { 
    background-color:transparent; 
    color:#FFFFFF; 
    border-width:0px; 
    border-style:solid; 
    height:20px; 
    width:16px; 
    line-height:20px; 
    font-family:webdings; 
    font-size:10px; 
    margin:0px; 
    padding:0px; 
    text-align:center; 
    float:right; 
    display:block; 
}

.xWin .xTitle .xWinTitleCloseButton { 
     
}

.xWin .xTitle .xWinTitleMaxButton { 
     
}

.xWin .xTitle .xWinTitleMinButton { 
     
}

.xWin .xTitle .xWinTitleContent { 
    color:#FFFFFF; 
    font-size:12px; 
    height:18px; 
    line-height:20px; 
    margin:0px; 
    padding-left:3px; 
    float:left; 
    display:block; 
    overflow:hidden; 
    white-space:nowrap; 
    text-align:left; 
    cursor:default; 
}

.xWin .xWinBody { 
    margin:0px; 
    background-color:#FFFFFF; 
    color:#000000; 
    padding:3px; 
    font-size:12px; 
    overflow:auto; 
    position:relative; 
    display:block; 
}

.xShadow { 
    position:absolute; 
    display:block; 
    background-Color:#000000; 
    color:#FFFFFF; 
} 
</style>

<span class="xWinSetting">
    </span>width="400" height="400" top="300" left="100" title="I am the legendary super long window title"<div class="xWin" id="win30">
    I am the legendary super long window title I am the legend
    <span class="xWinSetting">
        </span> width="100" top="20" left="20" title="I am the legendary super long window title"</div>
        I am the legendary super long window title
I am the legendary long window title
    <div class="xWin" id="win31">
    I am the legendary super long window title. I am the legendary super long window title. I am the legendary super long window title.
    I am the one who is said to be super long
    <span class="xWinSetting">
        </span>width="100" top="40" left="40" title="I am the legendary long window title" </div>
        I am the legendary super long window title
I am the legendary long window title
    </div>
    Window title: I am the one in the legend
    I am the legendary super long window title. I am the legendary super long window title. I am the legendary super long window title.
    A very long window title. I am the legendary very long window title.
    c
 
    12345
<div class="xWin" id="win2">

<span class="xWinSetting">
    </span> width="200" top="270" left="140" title="I am the legendary long window title"<a href="javascript:void(0);">
    I am window 2
 
    I am window 2
 
    I am window 2
 
    I am window 2
 
    </a>Change title</div>
    I am window 2
 
    I am window 2
 
    I am window 2
 
    I am window 2
 
<a href="javascript:win1.ShowHide('');void(0);">

</a>win1<a href="javascript:win2.ShowHide('');void(0);">
</a>win2<a href="javascript:document.getElementById('win3').ShowHide('');void(0);">
</a>win3<a href="javascript:document.getElementById('win4').ShowHide('');void(0);">
</a>win4<div id="ssss">
</div>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：cloneNode implements table adding deletion effect_javascript skillsNext article：cloneNode implements table adding deletion effect_javascript skills

See more

JS version of xWin_javascript skills

Related articles