JS CSS 記事の表示 system_javascript スキル-jsチュートリアル-php.cn

接続の作成: クリック後に JavaScript 関数を実行します。
関数: WindowsTextShow(Id div.id);
div.id はテキストを表示する div の ID です。
コードは次のとおりです。

<title>無題のページ</title>
<style type="text/css"> 
#divback 
{ 
width: 100%; 
height: expression(body.scrollHeight); 
background-color: #000; 
position: absolute; 
top: 0; 
left: 0; 
z-index: 49; 
display: none; 
filter: progid:DXImageTransform.Microsoft.Alphaopacity=25; 
filter: alpha(opacity=55); 
} 
.WindowsTextShow 
{ 
top: expression(documentElement.scrollTop   50); 
left: 50px; 
height: expression(documentElement.clientHeight - 50*2); 
width: expression(body.clientWidth-50*2); 
position: absolute; 
z-index: 50; 
color: Black; 
border: 3px solid #E5E5E5; 
background-color: #F0F0F0; 
} 
.WindowsTextShowFull 
{ 
top: expression(documentElement.scrollTop); 
left: 0px; 
height: 100%; 
width: 100%; 
position: absolute; 
z-index: 50; 
border: 3px solid #E5E5E5; 
background-color: #F0F0F0; 
} 
#textContent 
{ 
padding: 5px; 
height: 80%; 
overflow: auto; 
line-height: normal; 
font-size: 14px; 
color: Black; 
background-color: White; 
} 
#ctrlSet 
{ 
font-size: 12px; 
} 
.ctrlSetState 
{ 
display: block; 
} 
</style>

<div style=" width:900px; height:1400px; background-color:Gray; margin:0 auto;">
<div style=" height:100px; background-color:Red;">
</div>
<div style=" height:1200px; background-color:Black;">
<div style="width:75%; float:left;">
<div style="height:100px; background-color:Blue;">
<a href="javascript:WindowsTextShow('textBox')">
「カートレーシング」国内運営会社、従業員の30％以上を解雇
</a>本文を見てください</div>
<script charset="GB2312" language="javascript" type="text/javascript"> 
var ocolorPopup = window.createPopup(); 
var ecolorPopup = null; 
var isfullScreen = false; 
var isRunning = false; 
var isCtrlSetShow = true; 
var div_box = document.createElement("DIV"); 
var div_back = document.createElement("DIV"); 
var textwindowtop = 50 + document.documentElement.scrollTop; 
var textwindowleft = 50; 
function colordialogmouseout(obj) { 
obj.style.borderColor = ""; 
obj.bgColor = ""; 
} 
function colordialogmouseover(obj) { 
obj.style.borderColor = "#0A66EE"; 
obj.bgColor = "#EEEEEE"; 
} 
function colordialogmousedown(color) { 
ecolorPopup.value = color; 
if (GetRadioValue("colorType") == "textColor") { 
textContent.style.color = color; 
} 
else if (GetRadioValue("colorType") == "textbackColor") { 
textContent.style.backgroundColor = color; 
} 
else { 
divback.style.backgroundColor = color; 
} 
ocolorPopup.document.body.blur(); 
} 
function colorset() { 
if (window.event.keyCode == 13) { 
if (iscolor()) { 
ecolorPopup.value = document.getElementById("setcolorbox").value; 
if (GetRadioValue("colorType") == "textColor") { 
textContent.style.color = ecolorPopup.value; 
} 
else if (GetRadioValue("colorType") == "textbackColor") { 
textContent.style.backgroundColor = ecolorPopup.value; 
} 
else { 
divback.style.backgroundColor = ecolorPopup.value; 
} 
} 
ocolorPopup.document.body.blur(); 
} 
} 
function iscolor() { 
var pattern = /^#[0-9a-fA-F]{6}$/ 
var objvalue = document.getElementById("setcolorbox").value; 
if (objvalue.match(pattern) != null) { 
return true; 
} 
else { 
return false; 
} 
} 
function colordialogmore() { 
var sColor = dlgHelper.ChooseColorDlg(ecolorPopup.value); 
sColor = sColor.toString(16); 
if (sColor.length < 6) { 
var sTempString = "000000".substring(0, 6 - sColor.length); 
sColor = sTempString.concat(sColor); 
} 
ecolorPopup.value = "#" + sColor.toUpperCase(); 
//document.body.bgColor="#"+sColor.toUpperCase(); 
ocolorPopup.document.body.blur(); 
} 
function colordialog() { 
var e = event.srcElement; 
e.onkeyup = colordialog; 
ecolorPopup = e; 
var ocbody; 
var oPopBody = ocolorPopup.document.body; 
var colorlist = new Array(40); 
var colordialogw = 158; 
var colordialogh = 147 
var colordialogx = e.offsetLeft + textwindowleft - 7; 
var colordialogy = e.offsetTop + textwindowtop - colordialogh - 10; 
oPopBody.style.backgroundColor = "#f9f8f7"; 
oPopBody.style.border = "solid #999999 1px"; 
oPopBody.style.fontSize = "12px"; 
colorlist[0] = "#000000"; colorlist[1] = "#993300"; colorlist[2] = "#333300"; colorlist[3] = "#003300"; 
colorlist[4] = "#003366"; colorlist[5] = "#000080"; colorlist[6] = "#333399"; colorlist[7] = "#333333"; 
colorlist[8] = "#800000"; colorlist[9] = "#FF6600"; colorlist[10] = "#808000"; colorlist[11] = "#008000"; 
colorlist[12] = "#008080"; colorlist[13] = "#0000FF"; colorlist[14] = "#666699"; colorlist[15] = "#808080"; 
colorlist[16] = "#FF0000"; colorlist[17] = "#FF9900"; colorlist[18] = "#99CC00"; colorlist[19] = "#339966"; 
colorlist[20] = "#33CCCC"; colorlist[21] = "#3366FF"; colorlist[22] = "#800080"; colorlist[23] = "#999999"; 
colorlist[24] = "#FF00FF"; colorlist[25] = "#FFCC00"; colorlist[26] = "#FFFF00"; colorlist[27] = "#00FF00"; 
colorlist[28] = "#00FFFF"; colorlist[29] = "#00CCFF"; colorlist[30] = "#993366"; colorlist[31] = "#CCCCCC"; 
colorlist[32] = "#FF99CC"; colorlist[33] = "#FFCC99"; colorlist[34] = "#FFFF99"; colorlist[35] = "#CCFFCC"; 
colorlist[36] = "#CCFFFF"; colorlist[37] = "#99CCFF"; colorlist[38] = "#CC99FF"; colorlist[39] = "#FFFFFF"; 
ocbody = ""; 
ocbody += "<table CELLPADDING=0 CELLSPACING=3>"; 
ocbody += "<tr height=\"20\" width=\"20\"><td align=\"center\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\"" + e.value + "\"><tr><td><td bgcolor=\"eeeeee\" colspan=\"7\" style=\"font-size:12px;\" align=\"center\">当前颜色"; 
for (var i = 0; i < colorlist.length; i++) { 
if (i % 8 == 0) 
ocbody += "<tr>"; 
ocbody += "<td width=\"14\" height=\"16\" style=\"border:1px solid;\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" onMouseDown=\"parent.colordialogmousedown('" + colorlist[i] + "')\" align=\"center\" valign=\"middle\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\"" + colorlist[i] + "\"><tr><td>"; 
if (i % 8 == 7) 
ocbody += ""; 
} 
//ocbody += "<tr><td align=\"center\" height=\"22\" colspan=\"8\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" style=\"border:1px solid;font-size:12px;cursor:default;\" onMouseDown=\"parent.colordialogmore()\">其它颜色..."; 
ocbody += ""; 
oPopBody.innerHTML = ocbody; 
ocolorPopup.show(colordialogx, colordialogy, colordialogw, colordialogh, document.body); 
} 
//--> 
function WindowsTextShow(divid) { 
if (!isRunning) { 
WindowsTextInit(divid); 
isRunning = true; 
} 
SetWindows(); 
} 
function SetWindows() { 
textwindowtop = 50 + document.documentElement.scrollTop; 
textwindowleft = 50; 
div_back.style.display = 'block'; 
div_back.style.visibility = 'visible'; 
div_box.style.display = 'block'; 
div_box.className = "WindowsTextShow"; 
} 
function RefreshWin() { 
textwindowtop = 50 + document.documentElement.scrollTop; 
textwindowleft = 50; 
} 
function WindowsTextInit(divid) { 
var div_ctrlSet = document.createElement("DIV"); 
var div_textContent = document.createElement("DIV"); 
div_ctrlSet.id = "ctrlSet"; 
div_textContent.id = "textContent"; 
div_box.id = "WindowsTextShow"; 
div_box.className = "WindowsTextShow"; 
div_back.id = "divback"; 
WindowsTextAddObj(div_box, div_textContent); 
WindowsTextAddObj(div_box, div_ctrlSet); 
SetObjContent(div_textContent, document.getElementById(divid).innerHTML); 
SetObjContent(div_ctrlSet, "<div id='typeSet'>选择更改项：<input checked='checked' name='colorType' type='radio' value='textColor' />文字<input name='colorType' type='radio' value='textbackColor' />背景<input name='colorType' type='radio' value='backGroundColor' />遮盖物</script>
</div>"); 
SetObjContent(div_ctrlSet, "<div id="colorSet">选择颜色：<input id="setcolorbox" name="sel1" type="text" onkeydown="colorset()" onfocus="colordialog()">
</div>"); 
SetObjContent(div_ctrlSet, "<div id="fontSizeSet">选择字体：<select name="select" id="fontslt" onchange="SetFont(textContent)"><option selected>选择阅读字体</option></select>
</div>"); 
SetObjContent(div_ctrlSet, "<div id="fullScreenSet">全屏切换：<input type="button" onclick="FullScreen()" id="fullScreen" name="fullScreen" value="FullScreen">
</div>"); 
SetObjContent(div_ctrlSet, "<div id="hiddenCtrSet">隐藏设置：<input type="button" onclick="HiddenCtrlSet()" name="HiddenCtrlSet" value="HiddenCtrlSet">
</div>"); 
SetObjContent(div_ctrlSet, "<div id="closeSet">关闭窗口：<input type="button" onclick="CloseWindows()" name="CloseWindows" value="CloseWindows">
</div>"); 
document.body.appendChild(div_back); 
document.body.appendChild(div_box); 
SelectAddObj(); 
} 
function HiddenCtrlSet() { 
if (isCtrlSetShow) { 
document.getElementById("typeSet").style.display = "none"; 
document.getElementById("colorSet").style.display = "none"; 
document.getElementById("fontSizeSet").style.display = "none"; 
document.getElementById("fullScreenSet").style.display = "none"; 
isCtrlSetShow = false; 
} 
else { 
document.getElementById("typeSet").style.display = "block"; 
document.getElementById("colorSet").style.display = "block"; 
document.getElementById("fontSizeSet").style.display = "block"; 
document.getElementById("fullScreenSet").style.display = "block"; 
isCtrlSetShow = true; 
} 
} 
function FullScreen() { 
if (isfullScreen) { 
isfullScreen = false; 
textwindowtop += 50; 
textwindowleft += 50; 
div_box.className = "WindowsTextShow"; 
document.getElementById("fullScreen").value = "FullScreen"; 
} 
else { 
isfullScreen = true; 
textwindowtop -= 50; 
textwindowleft -= 50; 
div_box.className = "WindowsTextShowFull"; 
document.getElementById("fullScreen").value = "DefaultScreen"; 
} 
} 
function GetIEHeight() //函数：获取尺寸 
{ 
var winHeight = 0; 
if (window.innerHeight) 
winHeight = window.innerHeight; 
else if ((document.body) && (document.body.clientHeight)) 
winHeight = document.body.clientHeight; 
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { 
winHeight = document.documentElement.clientHeight; 
} 
return winHeight; 
} 
function GetRadioValue(ids) { 
var obj = document.getElementsByName(ids); 
for (var i = 0; i <div id="textBox" style="height:1100px; background-color:White;">
ゴーカートは失速、オンラインゲームはさらに冬らしくなる
劉芳源記者
卒業生シャオ・ワンさん（仮名）は最近、就職ラッシュに巻き込まれています。少し前まで、彼は「反景気循環」として知られるオンライン ゲーム業界に参加すれば、この寒い冬に自分の身を守ることができると考えていました。 
「同社は今月初めから従業員の解雇を開始しており、数回に分けて合計100人以上が解雇されており、シャオ・ワン氏は同社が採用した新入社員である。」今年設立されたLexian Software Development (Shanghai) Co., Ltd. この会社は、「カート ラン」などの有名なオンライン ゲームを所有する韓国のオンライン ゲーム メーカー ネクソンの中国支社です。 
「カートランナー」は国内のカジュアルゲームの分野で常に最高の地位を占めており、運営者に多大な収益をもたらしていると報告されている。オンライン ゲームは金融環境に安全な避難所としての影響を与えるため、国内のオンライン ゲーム メーカーはこれまで業界に対して楽観的な見方を示してきましたが、なぜこのタイミングで大幅な「縮小」を選択したのでしょうか。 
12月24日、記者はLeXin Softwareにこの件について確認を求めたが、LeXin Software Management Centerの韓国担当者は記者に対し、同社は現在この件についてコメントできないと述べた。 
戦列の調整？ 
Lexin Softwareの親会社であるNexonは中国では有名で、初期にはShanda Networkが配信していたカジュアルゲーム「Bubble Hall」がNexonによって制作されていました。中国市場での『パオパオタン』の大成功を見たネクソンは、その後シャンダとの協力を断念し、独立してLexin Softwareを設立し、『カートランナー』などのカジュアルゲームを中国で運営することになった。 
オンラインゲーム業界の関係者によると、「カートレーシング」の現在の運営プラットフォームは「世紀天城」と呼ばれるもので、上海郵政とレクシアンソフトウェアが共同で構築したもので、「外部に知られている『世紀天城』の実際の制御プラットフォームは、 Century Tiancheng が運営するゲームには、「Kart Racing」の他に、「Rocky」、「New Tianyi Chain」、「Tianguan War」、「Counter-Strike Online」などがあります。 
「ロッキー」は中国で発売された最初のゲームでしたが、反応は平凡でした。しかし、2006 年に「カート レーシング」が中国で正式にリリースされて以来、同社は好転し始めました。オンラインゲーム業界の関係者は記者団に対し、カートレーシングだけで月に1000万元近くの収益をもたらす可能性があると語ったが、世紀天成の他のゲームの市場パフォーマンスは依然として平均的だという。 
世紀天城は12月12日、2つのオンラインゲーム「天関戦記」と「新天一鎖」の公式サイトに同時に「運営終了のお知らせ」を出し、これら2つのゲームの全サーバーを閉鎖すると発表した。 12月30日日曜日は10:00に閉店します。 
この点に関して、Xiao Wang氏は記者団に対し、これが同社が今回従業員を削減した理由である可能性があると述べ、一部の古いゲームのパフォーマンスが低下したため、会社を変革する必要があり、新しいゲームを発売する必要があるためだと述べた。大規模な調整が必要となる。 
別の関係者は記者団に対し、今回のセンチュリー・ティエンチェンの人事調整には多くの中堅・高級人材が関与しており、「『ロッキー』や『カート』に携わった第一期生の多くが退職する可能性がある」と語った。経済危機による韓国の調整によるものと思われる。」
「Counter-Strike Online」は、Century Tiancheng が最近リリースし、テストした新しいゲームであると報告されています。「このゲームは韓国ではうまくいきませんが、CS プレーヤーのベースは韓国よりも中国の方が多いためです。彼らは大きな期待を抱いています。」
オンラインゲームに冬はあるのか？ 
実際、海外のゲーム大手の中にも「規模縮小」を始めているところがある。 
アメリカの有名ゲーム開発会社EA（エレクトロニック・アーツ）は12月に入り、10月の人員削減計画でさらに400人を解雇すると発表、解雇者数は全体の約1割に当たる1,000人に達する。従業員の総数。 
しかし、業界の専門家は、EAは依然として主に伝統的なスタンドアロンゲームモデルに依存しており、成熟した欧米市場に直面しているため、中国のオンラインゲーム市場はまだ成長段階にあり、経済環境の影響を大きく受けると考えています。経済環境への影響は小さくなります。 
この点に関して、Shanda、Giant、The9 およびその他の関係者も同様の見解を記者団に表明しています。オンライン ゲームは安価なエンターテイメントであり、経済危機による収入の減少は、短期的には低消費のエンターテイメント プロジェクトに影響を与える可能性は低いため、彼らは市場が大幅に縮小したのを見ていない。 
「上場している大手オンラインゲーム会社にとって、今回の経済状況の影響は大きくない。第一に製品が比較的成熟しており、第二に十分な資金があるからだ」とThe9の社長、陳暁偉氏は記者団に語った。現在、The9 市が重点を置いているのは、多様化した製品戦略を実施し、さまざまなニーズに合わせて単一の製品ラインに依存するリスクを軽減することです。 
市場調査会社 iResearch によると、今年第 3 四半期の中国のオンライン ゲーム運営者の総収益は前年同期比 50% 以上増加し、8 億ドル近くに達しました。今四半期のオンライン ゲーム市場は依然として非常に好調です。 
しかし、上場していない中小規模のオンラインゲームメーカーにとっては、さらなる研究開発投資が打ち切られると投資を獲得することが困難となり、まさに生活が厳しくなり始めている。小さなスタジオは持続不可能になります。ある中堅オンラインゲーム会社の担当者は記者団に対し、「最近一部の大型拡張計画が一時的に棚上げされており、現状維持には既存ゲームに頼るしかない」と語った。
</div>
</div>
<div style="width:25%; float:left;"></div>
</div>
<div style=" height:100px; background-color:Red;"></div>

[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]
Like the blue ideal homepage You can definitely use this article, it’s quite practical.
You can try it. Now it only supports IE. I made it under IE7. If you are interested, you can do a css hack to support more browsers.