JS CSS文章查看系統(tǒng)

更新時間：2008年12月29日 23:56:57 作者：

自己寫了個JS+CSS的小東西，用來看提升用戶體驗的。 Name：WindowsTextShow；

做成一個連接：點擊后執(zhí)行JavaScript函數(shù)；
Function: WindowsTextShow(Id div.id);
div.id 為要展示文本的div的ID；
代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</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>  </head> <body> <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;"> 《跑跑卡丁車》國內運營商裁員超30% <a href="javascript:WindowsTextShow('textBox')">看文字</a> </div> <div   class="vvxyksv9kd"   id="textBox" style="height:1100px; background-color:White;"> 卡丁車"熄火" 網(wǎng)游冬意漸增 　　本報記者 劉方遠 　　畢業(yè)生小王(化名)近日陷入了找工作的奔波之中。不久前，他還以為投身號稱"反經(jīng)濟周期"的網(wǎng)游行業(yè)，能讓他在這輪寒冬中得以自保。 　　"公司從這個月初開始裁減人員，陸陸續(xù)續(xù)幾批共約一百多人，占公司總人數(shù)的30%到40%。"小王是樂線軟件開發(fā)(上海)有限公司今年新招的員工，該公司是韓國網(wǎng)游廠商Nexon在中國的分公司，旗下有《跑跑卡丁車》等知名網(wǎng)絡游戲。 　　據(jù)悉，《跑跑卡丁車》在國內休閑游戲領域一直名列前茅，為運營商帶來的收入相當可觀。由于網(wǎng)游對金融環(huán)境具有避風港效應，此前，國內網(wǎng)游廠商紛紛對該行業(yè)表示了樂觀，樂線軟件為何在此刻選擇了大幅度"瘦身"？ 　　12月24日，記者就此事向樂信軟件求證，樂線軟件管理中心一位韓方負責人向記者表示，公司目前不便對此進行表態(tài)。 　　戰(zhàn)線調整？ 　　樂信軟件的母公司Nexon在國內小有名氣，早年盛大網(wǎng)絡代理的休閑游戲《泡泡堂》便是出自Nexon之手?？吹健杜菖萏谩吩谥袊袌龅木薮蟪晒?，Nexon隨后放棄了與盛大合作，獨立成立了樂信軟件在中國運營《跑跑卡丁車》等休閑游戲。 　　據(jù)網(wǎng)游業(yè)界知情人士介紹，《跑跑卡丁車》現(xiàn)在的運營平臺名為世紀天成，由上海郵通和樂線軟件共同搭建，"外界所知的'世紀天成'實際控制方便是樂線軟件。"除了《跑跑卡丁車》外，世紀天成運營的游戲還有《洛奇》、《新天翼之鏈》、《天關戰(zhàn)紀》、《反恐精英Online》等。 　　《洛奇》是在國內上線的第一款游戲，但反應平平，但自2006年正式在國內推出《跑跑卡丁車》以來，公司開始出現(xiàn)轉機。一位網(wǎng)游業(yè)內人士告訴記者，僅跑跑卡丁車一款游戲，最高一個月就能帶來近千萬收入，不過世紀天成的其它游戲市場表現(xiàn)仍很一般。 　　12月12日，世紀天成在《天關戰(zhàn)紀》及《新天翼之鏈》這兩款網(wǎng)游官網(wǎng)上同時發(fā)出了"終止運營公告"，稱這兩款游戲的所有服務器都將于12月30日10:00關閉。 　　對此，小王告訴記者，這也許就是公司此次縮減員工的原因，因為一些老游戲業(yè)績下滑，公司要轉型，加上還有新游戲要上線，所以要做大規(guī)模調整。 　　另有知情人士告訴記者，世紀天成此次的人員調整涉及大量中高層人員，"很多第一批做《洛奇》、《卡丁車》的人都走了，可能是韓方因經(jīng)濟危機進行的調整。" 　　據(jù)悉，《反恐精英Online》便是世紀天成近期上市測試的一款新游戲，"雖然這款游戲在韓國的表現(xiàn)并不好，但由于國內有比韓國更多的CS玩家基礎，因此這款游戲被他們寄予厚望。" 　　網(wǎng)游有沒有冬天？ 　　事實上，一些國際級游戲巨頭也開始了"瘦身"。 　　12月開始，美國知名游戲開發(fā)商EA(藝電)公司宣布，公司將再裁員400人，加上10月份的裁員計劃，裁員人數(shù)將達1000人，約占員工總數(shù)的10%。 　　不過，業(yè)內專家認為，由于EA主要仍是依靠傳統(tǒng)的單機游戲模式，并且面對的是西方成熟市場，因此受經(jīng)濟環(huán)境影響較大，而中國的網(wǎng)絡游戲市場由于還處在增長階段，因此受到?jīng)_擊較小。 　　對此，盛大、巨人、第九城市等方面都向記者表達了類似的觀點——網(wǎng)游屬于廉價娛樂，經(jīng)濟危機導致的收入下降，短期內不太可能影響低消費的娛樂項目，因此并沒有看到市場大幅萎縮。 　　"對已經(jīng)上市的大網(wǎng)游企業(yè)而言，這輪經(jīng)濟形勢帶來的影響并不大，一是因為產(chǎn)品已經(jīng)比較成熟，二是有充足的資金。"第九城市總裁陳曉薇向記者表示，目前九城的重點就是實施多元化的產(chǎn)品策略，完善針對不同需求的分散依賴單一產(chǎn)品線的風險。 　　據(jù)市場調查公司艾瑞咨詢稱，中國網(wǎng)絡游戲運營商在今年第三季度的收入總和同比增長了50%以上，達到近8億美元，同時本季度網(wǎng)絡游戲市場的增長勢頭仍很強勁。 　　不過，對于沒有上市的中小網(wǎng)游廠商而言，日子確實開始變得難過起來，因為小工作室很難再拿到投資，進一步的研發(fā)投入斷糧后，小工作室的未來將難以為繼。一家中型網(wǎng)游公司的負責人告訴記者，"近期一些大的擴張計劃都暫時擱淺了，只能依靠已有的游戲維持現(xiàn)狀。" </div> </div> <div style="width:25%; float:left;"></div> </div> <div style=" height:100px; background-color:Red;"></div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

像藍色理想首頁的文章完全可以采用一下，挺實用的。
大家可以試試，現(xiàn)在只支持IE我是在IE7下做的，有興趣的自己可以做css hack，讓他支持更多的瀏覽器。