Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > xWin之JS版_javascript技巧

xWin之JS版_javascript技巧

WBOY

Freigeben： 2016-05-16 19:24:06

Original

1068 Leute haben es durchsucht

目前代码应该没什么bug了，兼容IE6.0 & FF 1.5, 通过xHTML 的Transitional验证和 CSS 验证。

为了能通过验证，只好再次改变使用的方式，改为用DIV实现，方法：

复制代码代码如下:

 
  width="200" top="270" left="140" title="我就是传说中那个超长的窗口标题" 
 content 

<meta http-equiv="content-type" content="text/html; charset=gb2312"> 
<title>xWin HTC Demo</title> 
<style type="text/css"> 
body { 
    width:100%; 
    height:100%; 
    margin:0px; 
    padding:0px; 
    overflow:auto; 
}

.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> 
<script type="text/javascript"> 
//<![CDATA[ 
//********************/ 
//  x 绯诲</script>

Verwandte Etiketten：

xWin之JS版

Quelle：php.cn

Vorheriger Artikel：cloneNode实现表格增加删除效果_javascript技巧 Nächster Artikel：用js得到网页中所有的div的id_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

So wechseln Sie mit ClickEventListener und Vanilla JS zwischen Rot und Blau Zuerst erstelle ich zwei Funktionen, blau und rot. functiondrawBlueCircle(){ctx.fillStyle=...

Aus 2024-04-03 20:19:03

0

2

347

Die Aktivierung der Taste führt zu einer Fehlfunktion des Hover-Effekts Ich habe versucht, die Grundlagen der Webentwicklung (HTML, CSS und JS) zu erlernen, also ...

Aus 2024-04-01 21:51:26

0

1

396

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage