js判断id是否选中,选中背景出现,否则隐藏

2023-02-19 03:26:02JavaScript029

js判断id是否选中,选中背景出现,否则隐藏,第1张

<!DOCTYPE html>

<html>

<head>

<title>CSS+JavaScript三级折叠菜单</title>

<style>

* {

margin: 0

padding: 0

list-style: none

}

body {

font: 12px "宋体"

padding-top: 20px

}

#menu {

width: 200px

margin: auto

}

#menu h1 {

cursor: pointer

color: #FFF

font-size: 12px

padding: 5px 0 3px 10px

border: #C60 1px solid

margin-top: 1px

background-color: #F93

}

#menu h2 {

cursor: pointer

color: #777

font-size: 12px

padding: 5px 0 3px 10px

border: #E7E7E7 1px solid

border-top-color: #FFF

background-color: #F4F4F4

}

#menu ul {

padding-left: 15px

height: 100px

border: #E7E7E7 1px solid

border-top: none

overflow: auto

}

#menu ul li {

padding: 5px 0 3px 10px

}

.no {

display: none

}

</style>

function ShowMenu(obj, noid) {

var block = document.getElementById(noid)

var n = noid.substr(noid.length - 1)

if (noid.length == 4) {

var ul = document.getElementById(noid.substring(0, 3)).getElementsByTagName("ul")

var h2 = document.getElementById(noid.substring(0, 3)).getElementsByTagName("h2")

for (var i = 0 i < h2.length i++) {

h2[i].innerHTML = h2[i].innerHTML.replace("+", "-")

h2[i].style.color = ""

}

obj.style.color = "#FF0000"

for (var i = 0 i < ul.length i++) {

if (i != n) {

ul[i].className = "no"

}

} else {

var span = document.getElementById("menu").getElementsByTagName("span")

var h1 = document.getElementById("menu").getElementsByTagName("h1")

for (var i = 0 i < h1.length i++) {

h1[i].innerHTML = h1[i].innerHTML.replace("+", "-")

h1[i].style.color = ""

}

obj.style.color = "#0000FF"

for (var i = 0 i < span.length i++) {

if (i != n) {

span[i].className = "no"

}

if (block.className == "no") {

block.className = ""

obj.innerHTML = obj.innerHTML.replace("-", "+")

} else {

block.className = "no"

obj.style.color = ""

}

</script>

</head>

<body>

<h1 onClick="javascript:ShowMenu(this,'NO0')"> - 一级菜单A</h1>

<h2 onClick="javascript:ShowMenu(this,'NO00')"> - 一级菜单A_1</h2>

<li>一级菜单A_0</li>

<li>一级菜单A_1</li>

<li>一级菜单A_2</li>

<li>一级菜单A_3</li>

<li>一级菜单A_4</li>

<li>一级菜单A_5</li>

</ul>

<h2 onClick="javascript:ShowMenu(this,'NO01')"> - 一级菜单A_2</h2>

<li>一级菜单A_0</li>

<li>一级菜单A_1</li>

<li>一级菜单A_2</li>

<li>一级菜单A_3</li>

<li>一级菜单A_4</li>

</ul>

<h2 onClick="javascript:ShowMenu(this,'NO02')"> - 一级菜单A_3</h2>

<li>一级菜单A_0</li>

<li>一级菜单A_1</li>

<li>一级菜单A_2</li>

<li>一级菜单A_3</li>

<li>一级菜单A_4</li>

<li>一级菜单A_5</li>

<li>一级菜单A_6</li>

</ul>

<h2 onClick="javascript:ShowMenu(this,'NO03')"> - 一级菜单A_4</h2>

<li>一级菜单A_0</li>

<li>一级菜单A_1</li>

<li>一级菜单A_2</li>

<li>一级菜单A_3</li>

<li>一级菜单A_4</li>

<li>一级菜单A_5</li>

<li>一级菜单A_6</li>

<li>一级菜单A_7</li>

</ul>

</span>

<h1 onClick="javascript:ShowMenu(this,'NO1')"> - 二级菜单B</h1>

<h2 onClick="javascript:ShowMenu(this,'NO10')"> - 二级菜单B_1</h2>

<li>二级菜单B_0</li>

<li>二级菜单B_1</li>

<li>二级菜单B_2</li>

<li>二级菜单B_3</li>

<li>二级菜单B_4</li>

<li>二级菜单B_5</li>

<li>二级菜单B_6</li>

<li>二级菜单B_7</li>

</ul>

<h2 onClick="javascript:ShowMenu(this,'NO11')"> - 二级菜单B_2</h2>

<li>二级菜单B_0</li>

<li>二级菜单B_1</li>

<li>二级菜单B_2</li>

<li>二级菜单B_3</li>

<li>二级菜单B_4</li>

<li>二级菜单B_5</li>

<li>二级菜单B_6</li>

<li>二级菜单B_7</li>

</ul>

</span>

<h1 onClick="javascript:ShowMenu(this,'NO2')"> - 三级菜单C</h1>

<h2 onClick="javascript:ShowMenu(this,'NO20')"> - 三级菜单C_1</h2>

<li>三级菜单C_0</li>

<li>三级菜单C_1</li>

<li>三级菜单C_2</li>

<li>三级菜单C_3</li>

<li>三级菜单C_4</li>

<li>三级菜单C_5</li>

<li>三级菜单C_6</li>

<li>三级菜单C_7</li>

<li>三级菜单C_8</li>

<li>三级菜单C_9</li>

</ul>

<h2 onClick="javascript:ShowMenu(this,'NO21')"> - 三级菜单C_2</h2>

<li>三级菜单C_0</li>

<li>三级菜单C_1</li>

<li>三级菜单C_2</li>

<li>三级菜单C_3</li>

<li>三级菜单C_4</li>

</ul>

</span>

<h1 onClick="javascript:ShowMenu(this,'NO3')"> - 四级菜单D</h1>

<h2 onClick="javascript:ShowMenu(this,'NO30')"> - 四级菜单D_1</h2>

<li>四级菜单D_0</li>

<li>四级菜单D_1</li>

<li>四级菜单D_2</li>

<li>四级菜单D_3</li>

</ul>

<h2 onClick="javascript:ShowMenu(this,'NO31')"> - 四级菜单D_2</h2>

<li>四级菜单D_0</li>

<li>四级菜单D_1</li>

<li>四级菜单D_2</li>

<li>四级菜单D_3</li>

<li>四级菜单D_4</li>

<li>四级菜单D_5</li>

</ul>

</span>

</div>

</body>

</html>

1. (全能类型，主攻娱乐，电影，音乐）

联想天逸f41a2390

联想天逸 F41A-PT参数

上市时间 2007

产品类型家用

处理器系列英特尔奔腾双核

处理器型号 Intel 奔腾双核 T2330

标称主频 1.6GHz

前端总线 533MHz

二级缓存 1M

主板芯片组 Intel PM965

标配内存容量 1GB

内存类型 DDRII

最大支持内存 4GB

硬盘光驱

硬盘容量 160GB

硬盘描述 SATA 5400转

光驱类型 DVD刻录机

设计类型光驱内置

光驱描述 84×5×6×8×10×24

显卡音效

显卡类型独立显卡

显卡芯片 NVIDIA GeForce 8400M GS

显存位宽 128MB64bit

显存类型 DDRII

音频系统内置音效芯片

显示屏

屏幕尺寸 14.1英寸

是否宽屏是

屏幕描述 TFT LCD（1280×800）

尺寸重量

笔记本重量 2400g

外形尺寸 340×253×26-37mm

网络通信

无线网卡 802.11bg(54Mbps)

支持蓝牙支持

网卡描述 100Mbps网卡

调制解调器 56K

鼠标键盘

指取设备触摸板

键盘描述全新联想高触感键盘

接口

其他接口 3个USB2.0接口， Express Card接口，VGA接口，RJ11，RJ45、麦克风

，耳机音频输出，S-Video接口、1394接口

电源描述

电池类型 6芯锂电池

续航时间 3-4小时

其他

操作系统 Windows Vista Home Basic

质保时效 1年

附带软件联想软件礼包、驱动软件、随机光盘

随机附件 60W电源适配器、软件光盘、说明书

其他性能 IGRS闪联3.5+蓝牙模块, 130万像素摄像头, 支持安全易用的人脸识别

功能, 通过顶级专业的杜比音效认证, 全新联想高触感键盘, 集成读卡器, 镜面

高亮宽屏

（这是老款，现在大概5100左右，新款cpu升级为2390 主频1.86 ,硬盘升级为

250g,大概5300左右。这款天逸口碑十分好，性能也很出色，应付主流的大型3d

游戏都没有问题。外观时尚，更有联想全国联保的售后服务。我用过，十分不错

。更重要的是，联想的散热可以说是在笔记本行业中首屈一指的。没的说。）

2. （性价比超高型）

华硕X81H23SC-SL

处理器： Intel Celeron Dual-Core(Merom) 2390(1.73G)

主板芯片组： Intel PM965+ICH8M

内存容量： 1024MB

硬盘容量： 160GB

光驱类型：内置,DVD±RW

屏幕尺寸： 14.1英寸

显示芯片：独立,nVidia GeForce 2400

网卡：内置10-100-1000M网卡

无线通讯： 802.11abg无线网卡

内置摄像头：内置摄像头

USB： 5个,USB2.0

读卡器：内置,8合1读卡器

PCMCIA卡Express卡： 1个Express卡

其它接口： 1个IEEE1394a,DVI接口,VGA接口,S-VIDEO接口,SPDIF接

口,RJ11,RJ45,声音输入,声音输出孔,直流电源插孔,安全锁孔,DTVCATV同轴接口

重量：约2.5Kg

操作系统： DOS系统

(这款华硕的x8也不错，性能和联想的差不多。华硕的口碑也很好，我替同学买

过这款，散热也不错。不过比起联想天逸，在音质上不如，要差一点。但是性价

比很高，你也可以选择。现在大概在5200左右）

3 （实用型）

联想c466m

处理器： Intel Pentium Dual-Core(Merom)t1400(1.6G)

主板芯片组： Intel GL960+ICH8M

内存容量： 1024M

硬盘容量： 120G

光驱类型：内置,Combo

屏幕尺寸： 14.1寸

显示芯片：集成Intel GMA X3100显卡

网卡：内置10-100M网卡

无线通讯： 802.11bg无线网卡

内置摄像头：

USB： 4个,USB2.0

读卡器：内置,SD,MS,MS Pro,MMC

PCMCIA卡Express卡： 1个Express卡

其它接口： VGA接口,RJ11,RJ45,声音输入,声音输出孔,直流电源插孔,安全锁孔

重量：约2.4Kg

操作系统： Windows Vista Home Basic

(如果你不玩大型游戏的话，这款笔记本也足以满足你的需要。各方面很均衡，

特别是它的价格只要3999，实际购买大概3800.质量也十分好。作为学生，我向

你推荐它。）

另外，

还有联想的c466at2330 独立显卡大概4999,

联想c466at1400,大概4500左右

配置方面：这款机器采用赛扬双核T1400处理器（1.73GHz主频/512KB二级缓

存/533MHz前端总线）、1024MB DDR2内存，14.1镜面高亮宽屏（分辨率1280X800

），160G硬盘，8400M G独立显卡，Combo光驱，DOS系统。

接口方面：4个USB2.0接口，Express Card接口，VGA接口，RJ11，RJ45、麦克风

，耳机/音频输出，笔记本锁孔、直流电源接口、内置多合一读卡器

这款机器依然采用了高触感的键盘设计，而且不同460系列的就是采用了黑色的

外壳设计，也显的更加的稳重，当然也更加耐用，比较适合学校宿舍这种环境。

T1400加上独显，性能还是可以的，最关键的是仅仅4499的超低价格

getway的623c 大概4900，

惠普的3906，大概5500

以上我告诉你的价格，一般已经接近你能够买到的最低价了，这是南京的价格。

实际购买中，可能因地区和人而异。最后，我在特别提醒你，购机的时候，一定

要带2到3个人去，不要多，也不要太少。人少了，人家容易骗你，人多了显得你

无知。砍价不要害怕，尽量的砍，多跑几家，不要嫌累。这样你才能买到好的机

器，也才能省下钱。

如果你是学生的话，我提醒你，最近最好不要买惠普的笔记本。因为惠普现在的

笔记本无法改装xp驱动，只能用vista。当然，如果你不在意的话，也可以购买

。惠普中3803 ，3807，3907都不错都在五六千左右。

老菜鸟过来给新来的鸟儿们总结经验～～～

我留意到我们论坛上来了几位新人，估计都是打算买联想笔记本的～～～我先在

此，仅代表我个人与论坛上联想的老前辈们想你们表示欢迎～～～

我起初认为，因为每个人的需要不同，每个人买笔记本的方式与情况都不同，所

以没必要发一个帖子将经验总结的太彻底。可是一件事改变了我的观点，我刚刚

与一名学姐聊完MSN,得知她不久前刚花了8900元买了一台惠普笔记本，而且还是

在电脑城买的。我看到这个消息，差点没从凳子上跌下来。她既没有跟别人讲价

，有没有验货，连序列号都没有核对，只是拿了一张不知是真还是假的发票。我

跟她说你买贵了，她还不以为然，反而对那个奸商心存感激，原因是他们给她的

内存“免费”升级到了2G～～～（羊毛出在羊身上呀！）～～～从那一刻起，我

发自内心的痛恨那些欺骗无知少女的奸商！所以现在发表一帖，希望我的经验能

够给第一次准备买笔记本的朋友们一点点帮助。

一、调查走访：

一台还可以赶得上时代的笔记本电脑说少了也要5～6千块钱，广大群众都不可能

不在乎。所以，要想买一台好的电脑，一定要先做好“功课”，就是多查询报价

。获取报价的途径有很多，可以从品牌电脑的官方网站获取，可以从中关村，硅

谷动力，京东，太平洋等等大的有信誉的网站上获得，如果有“闲”的话还可以

直接去电脑城逛逛，尝试着跟店员侃侃价。等你对你需要的配置与适合的几款本

本有了比较深入的时候，可以借着下班、放学的时候一点空去附近的有信誉的大

商场例如国美和苏宁电器，去问清楚你不懂得所有问题，了解机器的保修，维护

，性能等等。关于报价的一点我不得不提到，那就是官方报价一般与实际的成交

价有着很大的出入。例如说，我买的Thinkpad 7755-BJ1，行货的官方报价是

15999，而我的实际成交价只有9800。一般进口的品牌都有高达20%的降价余地，

而国产品牌也有10%。

当然，了解准确的最低成交价很难，但是你去电脑城砍价的次数越多，你心中了

解的价格就与最低价越接近。最后，就是要锁定某一款机器，然后便可以准备去

电脑城购买了。还有，很多新手都迷信专卖店，百货公司等等购买渠道，认为这

些渠道有保障得多。其实我认为，只要你有充分的知识做准备，根本没有必要去

那些地方买电脑，而且去哪些地方买，也不代表就一定不会买到有问题的东西。

二、侃价：

之前在我们论坛上也出现过一个相当详细的砍价方法指南，但是我发现这与实际

操作有着较大的不同，而且很有夸张虚构的嫌疑，尽管如此绝大多数内容还是十

分值得学习的。我总结的有几样不要与要：

1.不要装菜鸟！

切忌切忌装菜鸟！就算你是菜鸟，也千万不要给别人知道！其实很多推销员也不

是很在行，因为大的电脑连锁零售商经常会因为情况需要进行人事调动，所以有

些电脑推销员对他们买的电脑本身了解也不深，有些则会见你是菜鸟，故意将自

己的电脑性能吹到天上去。我第一次去电脑城问索尼报价的时候，就有一个中年

的推销员告诉我他们的笔记本告诉我某某索尼笔记本带有硬盘保护功能，我问他

能不能弄出来给我看，他就推搪说不记得怎么弄了。后来我去另一个索尼经销商

问同一个问题，他们则说这款机子没有配这个功能。

2.不要犹豫不决：

一般推销员会问什么时候要买的问题，这是因为当他们确定了你是有心过来买，

而不是单纯问价的，就有可能报出他们的低价。相反如果你犹豫不决，而且不知

道什么时候来买，那他们肯定会说”价格每天都有浮动”一类的话。其实价格的

浮动除了特殊原因，一般隔几天的浮动可以说是没有的（个人认为，不知道是否

属实），所以他们说这话纯粹是不想在不确定你是否要买的情况下揭开自己的“

底牌”。所以，当你确定了要买的时候，已经去商店里坐下，就要跟他们说“我

今天就买”。我的经典开场白便是“Thinkpad R61 7755-BJ1,开票，开个价吧！

验货之后满意的立即交钱搬走”

3.不要轻易放弃：

如果你跟推销员讲价开头失败了，不要立即那卡片闪人，尽量磨就一点。这样无

非也只是想证明给推销员看，你是认真的过来买电脑的，而绝不是随便观光，或

者商业间谍过来摸底的。

4.不要充大款：

要让卖方知道你是很精明的消费者（我当时去砍价，成交后他们的店长忍不住跟

我说：想你这样的小伙子很少这么精明的呀），而绝非对钱对电脑不在乎的人。

5.不要不开发票：

发票绝对比你想象中的重要，即便你是个人买电脑而非为公司买，也要开发票。

推销员为了走漏税款，很可能会用花言巧语建议你不开票，但是你要知道，如果

不开票，你的所有购买的物品都没有保障。如果你要买行货，他们给了你水货，

你就是有口也不能辩。另外，如果没了发票，你电脑的保修期就是由他的出厂日

期开始算起，这样你就损失大了。总之，不要捡了芝麻丢了西瓜

6.不要心软，不要以为自己赚到了：

商家肯定会跟你说“我们都是不赚钱给你的啦”这样的话。这句话绝对不可信。

还有，买电脑的时候有些所谓的“礼物”其实都是原装标配的，譬如说手提包，

有些更包括鼠标。所以听到“送包送鼠标”这样的谎言，一定要当面揭穿他。

7.不要让卖方知道你的“心理价位”：

一般商家都会问“别人给你的报价是多少？”“你的预算是多少？”“你认为多

少钱是合理？”诸如此类的问题，这些问题的目的都一样，就是洞察你的心理价

位。当他们知道了你的心里价位的话，你就变得很被动了。因为你的心里价位很

可能与真正的最低价有所不同，所以你的心里价位暴露后，商家就不会将价格调

到最低价，而是在靠近你的心里价位的位置周旋。我建议遇上这样的问题不要正

面回答，最好是说“别人多少不重要，最重要是能给我多少”“我认为合理的价

？我认为合理的价格就是1000元"这些问题要巧妙的回避，如果说的过分了通常

会让商家误认为你是过来摸底而不是过来买的。

8.不要和小工浪费时间：

我敢保证，你去找10个小工和10个店长砍价，你从店长那里获得最适合的价格和

购买方式的几率要比跟小工高得多！店长都比较有经验，他们能分辨出哪些是潜

在的买家，哪些不是，不用你浪费太多时间他们就会给你开出低价。当然最重要

的是他们有权利放出这个低价，有权选择给你哪些优惠。虽然说小工可能会说他

们也可以做这些选择，但是他们就算可以，也会保守的多。跟店长周旋也有弊端

，那就是他们洞察消费者的能力太强了，可能一不小心你就被他哄得晕头转向，

失去了自己的原则。与店长砍价的技巧要求其实没什么，就是心理上必须要精明

且主动。只要你能够主动出击，坚决捍卫低价高质而且要有保障的原则，店长那

些老狐狸只能是为你服务。另外，推销员通常会要求你先交钱后验货，这种情况

绝对不能有！因为如果你的验货不合标准，你要求换机子的时候，他们如果说“

这是最后一台存货”的时候你就只能哑巴吃黄连了。如果他们要求你交定金，可

以，但是必须要将退还押金的要求必须正规的写好，表明押金的价格才交钱。他

们要求你收押金我认为，并不是对自己的商品没信心，而是供货商可能会收取他

们一笔“开箱费”，如果他们拿了你的押金，就能保证在你开箱后不会与另一个

商家交涉，避免他们损失开箱费。

我认为砍价的时候最重要的就是筹码，你的筹码越多，你的效率就越高。你的筹

码可以是你的知识，你对其他零售商报价的掌握，你讲价的技巧等等。下面是我

自己的砍价回忆录（简化版）：

我：（进门，坐下，翘起二郎腿）有没有7755-BJ1，带票的开个价，谈好了先验

货后交钱，弄好了马上搬走。

店员：好的（查查报价，用计算器给我打出：11000）

我：（冷笑）你这个价格是媒体价（其实不是），骗骗火星人还可以，我是地球

人，你们给我个地球人可以接受的价格。

店员：（傻笑）好吧，我报个最低价给你啦（按出个10500）

我：不是吧！叫你们店长来谈吧～～～我实话跟你说，你们楼下的美X公司和附

近的爱Y公司价格都比你们低很多！（X公司报价9800。Y公司报价9900，两者什

么都不愿意送，而且非得我先交钱后验货）

（店长闻风而至）店长：先生喝杯茶～～～你刚刚说他们给你什么价格呢？他们

能做的我们也能做。

我：他们的价格我就不方便说了，但是他们的价格比你们低很多。

店长：先生你开个价吧，我们尽量帮你做。

我：我开价不重要，重要的是你们能给我什么价，我开就是5000元！

店长：不行不行，这个是不可能的～～～

我：那你们开个诚意的价吧～～～

店长：（按计算器：9900）我就成本价给你吧～～～

我：呵呵（冷笑），你这个价格美X公司比你们还要低，这当然不是你的成本价

，你要我留在这里买，你就应该给个更有诚意的价格，要不然你就送东西。

后面的省略，反正我这个价格成交了，送耳机，清洁液，键盘膜，摄像头，免我

转电子帐费（一般为千分之八）

我：验货要按我的标准，屏幕上一个坏点亮点暗点都能有，我不管什么国家标准

，而且用我自带的验机软件测试性能，任何我不满意的都要换机，再不行就退押

金。（测试软件可以从本论坛的“私房软件分享区”免费下载）我的退还押金标

准你要给我用收据写下来。。。

店长：okay okay!~~~

最后一步就是验机～～～

OK～～～写道这里我估计差不多了，以后我发现有任何需要补充的地方我会及时

补充～～～大家齐心合力，对付奸商！

PS：女孩子如果脸皮很薄的话强烈建议带一名男的去讲价，用他的脸皮补上你的

不足，也可以跟JS周旋时壮自己的胆。

笔记本使用的硬件五忌

一、电池忌常用常充

刚买到手的笔记本电脑自然风光一时，总要向朋友炫耀一下，介绍介绍哪些

是最令人中意的。这样一来，电池储电频频告警是自然的事了，有电源就近一插

，又可以Continue（继续）了。在这一简单的动作之中，隐藏着对笔记本电脑致

命的杀手——大大缩短电池的寿命。最好办法是：前几次使用笔记本电脑时，应

把笔记本电脑电池中的余电彻底用完，到了笔记本电脑再也不能开机的程度，这

时在关机的情况下，充分充电4～6小时。（原则上最好不要边充电边开机工作，

这样会延长充电的时间，即使充了4个小时，显示的虽是100%，那也可能是虚电

，所以倡导那种纯粹的充电方法。）充电完毕最好取下电池，如果条件允许，平

时直接用照明电源，一旦启用电池，就要坚持把蓄电用光后再充。这样电池才会

长期稳定的工作。（编者：对镍氢电池是这样的，对于锂离子电池本版的“究竟

怎么给电池充电？”一文有不同的意见。）

二、鼠标忌又划又压

如大家熟知，“本本”的鼠标不外乎有两种，一种是压感式，另一个是触屏

式，两者各有利弊，压感式动作简单，指针移动范围是整个桌面，但是很多人掌

握不好最佳的压力应当多大，有的人按住如同刚学微机使用的机械鼠，所以过早

地使压感反应迟钝。而触屏式是一层毛面的类似PVC材料，使用过程当中，如果

手指较干燥，指针移动不灵且范围很小。很多人对付这种情况就是在用劲擦抹的

同时还用力压，照这样长期发展下去，不但会划伤表面，而且使鼠标不再灵活。

最好的办法是：前一种轻压轻动，后一种要经常用软布（眼镜布）擦拭表面，使

用时稍微使手指湿润一些，这样即减小了摩擦，又可以让你移动自如。

三、屏幕忌随意“勤抹”

屏幕是人机对话的主要反映者，它可以让你实时监控微机的一举一动。但液

晶显示屏由构成而决定了她比较娇气，尤其是表面。使用者经常边工作边说话语

，表层肯定会出现一些污点，一些用户刚开始会用心去爱护，可没几次就会大手

一挥，直接抹掉。在这不经意之间，便会划伤屏幕，起初现象不太明显，可日久

天长，便会出现颜色、明暗等表征和一些物理划痕。最好的办法的是：用干净的

软布沾一些既不油性也不刺激的中性液体轻拭显示屏表面，再用干的软布擦干即

可。

四、光驱忌长期奋战

很多朋友在出外开会和旅游时常常带上“本本”，一者在车上可以借它娱乐

消遣，再者可以准备材料，但多数人还是看光盘听音乐。这对光驱的寿命简直是

扼杀。因为笔记本电脑以紧凑而得名，光驱也是其中一员，它属散热大户。长期

工作会骤减激光头的寿命，而且电脑机体过热使内部一些塑制部件过早老化。最

好的办法是：把一些自己中意的CD、VCD复制到硬盘上，这样享受时既减少热源

，也延长了“本本”的寿命。

五、整机忌歪放颠振

和上述情况类似，有些人真正是物尽其用，就像在下的笔记本电脑一样随便

一个环境、随便一种状态就开机工作。这样危害很大，麻雀虽小，可也是电脑，

组成部件同样复杂娇贵，硬盘寻址也靠磁头在高速转动的盘片上划动；光驱也要

平稳才能正确读出数据等等。如果不平放，很容易使某些部件在非正常的条件下

逐渐损坏。最好的办法是：找一个平稳的桌面或平台，支起电脑后面的支架，增

http://www.pconline.com.cn/product/zhuanti/2006aug/nb.htm

我有一个asp的源码，是一个音乐的播放器。里面有限时和其他的一些功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--

BODY {

scrollbar-face-color:#FFFFED

scrollbar-arrow-color:#A8D112

scrollbar-highlight-color:#FFFFFF

scrollbar-3dlight-color:#A8D112

scrollbar-shadow-color:#FFFFED

scrollbar-darkshadow-color:#A8D112

scrollbar-track-color:#A8D112

background-color: #FFFFFF

margin-left: 0px

margin-top: 0px

margin-right: 0px

margin-bottom: 0px

}

.STYLE6 {font-size: 12pxcolor: #FF9900}

-->

</style>

//****全局变量****//

var timeDuration//控制显示总时间

var intervalTimeStep//控制显示时间进度

var intervalPositionStep//控制显示进度条

var currentId=0//当前播放歌曲的id

var currentMusic=""//当前播放的歌曲地址

var autoPlayNext=1//标示在歌曲结束后是否自动跳转到下一曲,如果点击了stop按钮,该值设为0,则不会自动跳转到下一首歌曲

var loopPlay=1//标示是否循环播放,1 循环,0 不循环

var strLyric="(非付费用户30秒试听)<br />"//当用户没付费时显示

//***************//

//****控制播放按钮****//

//播放/暂停

function wmPlayerPlay(){

if(($("wmPlayer").playState=="1")||($("wmPlayer").playState=="2")){

//如果音乐播放处于停止状态,载入当前歌曲并播放

if($("wmPlayer").playState=="1"){

$("wmPlayer").URL=currentMusic

}

$("wmPlayer").controls.play()

}

else{

$("wmPlayer").controls.pause()

}

//停止

function wmPlayerStop(){

autoPlayNext=0

$("wmPlayer").controls.stop()

}

//根据id播放歌曲

function play(id){

if($("wmPlayer").playState==2 || $("wmPlayer").playState==3){

wmPlayerStop()

}

//播放器的停止状态会延续2秒钟左右，所以停止播放后需要2秒钟后才能执行播放操作

timePlay=setTimeout("playMusic("+id+")",2000)

}

function playMusic(id){

for(var i=0i<_ktCurrenti++){

if(_ktTrack[i]==id){

currentId=_ktTrack[i]

currentMusic=_ktPL[i][8]//此处需要修该

break

}

wmPlayer.URL=currentMusic

wmPlayer.controls.play()

}

//0 播放上一曲,1 播放一曲

function playNext(s){

//如果处于播放状态,则停止

if($("wmPlayer").playState==2 || $("wmPlayer").playState==3){

wmPlayerStop()

}

if(_ktCurrent>0){

//从播放列表中找到当前歌曲位置，取上/下一首歌曲进行播放

for(var i=0i<_ktCurrenti++){

if(_ktTrack[i]==currentId){

//要求播放上一首时如果是第一首则重新播放自己

if((s==0)&&(i==0)){}

//要求播放下一首时如果到达了最后一首歌

else if((s==1)&&(i==_ktCurrent-1)){

//如果要求循环播放则播放第一首

if(loopPlay==1){

currentId=_ktTrack[0]

currentMusic=_ktPL[0][8]//此处需要修改

}

//要求播放上一首

else if(s==0){

currentId=_ktTrack[i-1]

currentMusic=_ktPL[i-1][8]//此处需要修改

}

//要求播放下一首

else{

//如果是随机播放

if(randPlay==1){

var rndId=Math.floor(Math.random()*(_ktCurrent))

currentId=_ktTrack[rndId]

currentMusic=_ktPL[rndId][8]//此处需要修改

}

//不是随机播放

else{

currentId=_ktTrack[i+1]

currentMusic=_ktPL[i+1][8]//此处需要修改

}

break

}

//改变currentMusic的值并开始播放

$("wmPlayer").URL=currentMusic

$("wmPlayer").controls.play()

}

//切换循环播放状态

function changeLoop(){

$("btnLoop").src=loopPlay==1?"http://static.9sky.com/_/kt/images/play_images/radio_play_r15_cx2.gif":"http://static.9sky.com/_/kt/images/play_images/radio_play_r15_c19.gif"

loopPlay=loopPlay==1?0:1

}

//切换静音状态

function wmPlayerMute(){

$("btnMute").src=$("wmPlayer").settings.mute?"http://static.9sky.com/_/kt/images/play_images/radio_play2_r4_c9.gif":"http://static.9sky.com/_/kt/images/play_images/radio_play_r4_c9.gif"

$("wmPlayer").settings.mute=$("wmPlayer").settings.mute?false:true

}

//*********************//

//****以下音量/进度条拖动部分 ****//

var mouseToPointer="" //标示鼠标所按住的声音或进度条按钮

var mouseToBar="" //标示鼠标所按住的声音或进度条

var mouseOldX="" // 设置按钮原来所在位置

var moveType="" //1 表示拖动声音，2 表示拖动进度条

//设置鼠标左键所按住的按钮和进度条

function setMouseToPointer(pointer,bar,type){

mouseToPointer=pointer

$(mouseToPointer).setCapture()

mouseToBar=bar

mouseOldX=event.clientX

moveType=type

}

//拖动音量或进度条

function pointerMove(){

//如果没有按住按钮则返回

if((mouseToPointer=="")||(mouseToBar=="")){

return

}

//用新的鼠标所在位置减去原来鼠标所在位置来确定按钮的移动，并即时更新鼠标所在位置

$(mouseToPointer).style.pixelLeft+=event.clientX-parseInt(mouseOldX)

mouseOldX=event.clientX

//限制按钮不能超过进度条的范围

if($(mouseToPointer).style.pixelLeft>295+parseInt($(mouseToBar).style.width)){

$(mouseToPointer).style.pixelLeft=295+parseInt($(mouseToBar).style.width)

}

if($(mouseToPointer).style.pixelLeft<295){

$(mouseToPointer).style.pixelLeft=295

}

//改变音量或进度

if(moveType=="1"){ //设置音量

$("wmPlayer").settings.volume=($(mouseToPointer).style.pixelLeft-295)*100/parseInt($(mouseToBar).style.width)

}

else if((moveType=="2")&&($("wmPlayer").playState=="3")){ //设置进度

$("wmPlayer").controls.pause() //拖动进度条时暂停音乐播放，在松开鼠标时再播放

}

else{}

}

//取消设置鼠标左键所按住的按钮

function clearMouseToPointer(){

if($(mouseToPointer)!=null){

//如果拖动的是进度条则重新开始播放歌曲

if((moveType=="2")&&($("wmPlayer").playState=="2")){

$("wmPlayer").controls.currentPosition=$(mouseToPointer).style.pixelLeft*parseInt($("wmPlayer").currentMedia.duration)/parseInt($(mouseToBar).style.width)

$("wmPlayer").controls.play()

}

$(mouseToPointer).releaseCapture()

}

mouseToPointer=""

mouseToBar=""

mouseOldX=""

type=""

}

document.onmousemove=pointerMove//鼠标移动时实现图标拖动

document.onmouseup=clearMouseToPointer//鼠标弹起时撤销鼠标锁定标志

//*******************************//

//****以下时间显示部分****//

//将按秒数计算的时间按00:00的格式显示

function showPlayingTime(seconds){

minute=parseInt(seconds/60)

second=parseInt(seconds-minute*60)

if(minute<10){minute='0'+minute}

if(second<10){second='0'+second}

return minute+':'+second

}

//显示播放总时间

function showDuration(){

$("spanDuration").innerHTML=showPlayingTime(parseInt($("wmPlayer").currentMedia.duration))

}

//显示播放进度时间

function timeStep(){

$("spanTime").innerHTML=showPlayingTime(parseInt($("wmPlayer").controls.currentPosition))

}

//设置进度条移动

function positionStep(){

$("wmPlayerPositionPointer").style.pixelLeft=Math.round(parseInt($("wmPlayer").controls.currentPosition)*parseInt($("wmPlayerPositionBar").style.width)/parseInt($("wmPlayer").currentMedia.duration))

}

//************************//

//显示歌词

function showMusicWord(){

new Ajax.Request(

"lyric.aspx",

{method: "post", postBody: "id="+currentId,

onLoading:function(request){} ,

onFailure:function(request){},

onSuccess:function(request){$("lyric").innerHTML=strLyric+request.responseText}}

)

}

//不显示歌词

function hideMusicWord(){

$("lyric").innerHTML=""

}

//显示标题

function showTitle(){

//从播放列表中找到当前歌曲位置，取标题

for(var i=0i<_ktCurrenti++){

if(_ktTrack[i]==currentId){

$("title").innerHTML=(i+1)+"."+_ktPL[i][7]

break

}

//不显示标题

function hideTitle(){

$("title").innerHTML=""

}

//****以下播放状态改变时执行的操作****//

//当播放状态改变时根据播放状态执行不同的函数操作

function evtPSChg(f){

// 0(Undefined) 1(Stopped) 2 (Paused) 3(Playing) 4(ScanFowrd) 5(ScanReverse)

// 6(Buffering) 7(Waitng) 8(MediaEnded) 9(Transitioning) 10(Redy)

switch(f){

case 1:

evtStop()

break

case 2:

evtPause()

break

case 3:

evtPlay()

break

//case 6:

//evtBuffer()

//break

}

//当状态改变为播放时

function evtPlay(){

//此处在开始播放一秒钟后才开始获取播放的总时间,因为刚开始播放的瞬间总时间是0

timeDuration=setTimeout("showDuration()",1000)//显示播放总时间

intervalTimeStep=setInterval("timeStep()",1000)//显示播放时间进度

//intervalPositionStep=setInterval("positionStep()",1000)//显示进度条进度

showMusicWord()//显示歌词

showTitle()

$("btnPlay").src="http://static.9sky.com/_/kt/images/play_images/radio_play_r4_c3_stop.gif"

autoPlayNext=1

}

//当状态改变为暂停时

function evtPause(){

clearInterval(intervalTimeStep)//停止时间跳动

//clearInterval(intervalPositionStep)//停止进度条跳动

$("btnPlay").src="http://static.9sky.com/_/kt/images/play_images/radio_play2_r4_c3.gif"

}

//当状态改变为停止时

function evtStop(){

$("spanDuration").innerHTML="00:00"

//此处为用代码将进度条和时间跳转调整到起始点的原因是在歌曲播放停止播放前一刻会自动将其置于起始位置

//clearInterval(intervalPositionStep)//停止进度条跳动

clearInterval(intervalTimeStep)//停止时间跳动

hideMusicWord()//不显示歌词

hideTitle()

$("btnPlay").src="http://static.9sky.com/_/kt/images/play_images/radio_play2_r4_c3.gif"

if(autoPlayNext==1){//只有在播放器自动停止的情况下才会跳转到下一曲

//此处需要注意,设置在歌曲停止2秒钟后再自动播放下一曲,原因是歌曲播放的停止状态会持续一段时间,估计小于1秒

timePlayNext=setTimeout("playNext(1)",2000)

}

//播放器缓冲时

function evtBuffer(){

$("title").innerHTML="缓冲"

}

//*********************************//

</script>

<SCRIPT Language="javaScript" FOR="wmPlayer" EVENT="playStateChange(ps)">evtPSChg(ps)</SCRIPT>

var _ktTotal = 200//歌曲列表中允许的最多歌曲数量

var _ktCurrent = 1//当前曲目数量

var randPlay=0//控制是否随机播放,1随机播放,0 顺序播放

var _ktTrack = new Array(_ktTotal)//存放所有歌曲id

for (var i = 0i <_ktTotali ++)

_ktTrack[i] = 0//初始化

_ktTrack[0]=412629

//获取所有歌曲的id

var _ktPL = new Array(_ktTotal)//存放歌曲列表的内容

for (var i = 0i <_ktTotali ++){

_ktPL[i]=new Array(16)

_ktPL[i][0]=""//歌名

_ktPL[i][1]=""//歌手

_ktPL[i][2]=""//歌词

_ktPL[i][3]=""//铃声

_ktPL[i][4]=""//下载

_ktPL[i][5]=""//购买

_ktPL[i][6]=""//音乐盒

_ktPL[i][7]=""//只有歌名

_ktPL[i][8]=""//播放地址

_ktPL[i][9]=""//歌词详细资料

_ktPL[i][10]=""//专辑id

_ktPL[i][11]=""//专辑名

_ktPL[i][12]=""//出版时间

_ktPL[i][13]=""//出版公司

_ktPL[i][14]=""//风格流派

_ktPL[i][15]=""//专辑图片

}

_ktPL[0][0]='<td width="116" class="STYLE5" align="left"><a style="cursor:pointer" href="javascript:play(412629)"><div class="width100" id="width_1_0">Let Me Show You The Way (Out)</div></a></td>'

_ktPL[0][1]='<td width="106" class="STYLE5" align="left"><div class="width100" id="width_2_0">唐妮.布莱斯顿</div></td>'

_ktPL[0][2]='<td width="17"><img onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'歌词87848\',\'\',\'http://static.9sky.com/_/kt/images/radio_tongy4_1.gif\',1)" src="http://static.9sky.com/_/kt/images/radio_tongy4.gif" alt="歌词及相关信息" name="歌词87848" width="15" height="15" border="0" style="cursor:hand" onclick="makeMusicInfo(\'Let Me Show You The Way (Out)\',\'More Than A Woman\',\'唐妮.布莱斯顿\',\'2002-11-9 0:00:00\',\'Arista\',\'R&B\',\'412629\',\'http://img9.9sky.com/cover/70/34636.jpg\')" /></td>'

_ktPL[0][3]='<td width="17"><a target="_blank" href="http://mms.9sky.com/Search.aspx?keyword=Let+Me+Show+You+The+Way+(Out)&type="><img style="cursor:pointer" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'铃声412629\',\'\',\'http://static.9sky.com/_/kt/images/radio_tongy5_1.gif\',1)" src="http://static.9sky.com/_/kt/images/radio_tongy5.gif" alt="铃声下载" name="铃声412629" width="15" height="15" border="0" /></a></td>'

_ktPL[0][4]='<td width="17"><a target="_blank" href="http://home.9sky.com/_/music/ShoppingGo.aspx?traid=412629"><img style="cursor:pointer" onmouseover="MM_swapImage(\'下载412629\',\'\',\'http://static.9sky.com/_/kt/images/grym_ima/radio_tongy7_1.gif\',1)" onmouseout="MM_swapImgRestore()" src="http://static.9sky.com/_/kt/images/radio_tongy7.gif" alt="下载高品质版本" name="下载412629" width="15" height="15" border="0" /></a></td>'

_ktPL[0][5]='<td width="17"><a target="_blank" href="http://home.9sky.com/_/kt/ej_import_music.aspx?music_id=412629"><img alt="加入电台" style="cursor:pointer" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'加入电台412629\',\'\',\'http://static.9sky.com/_/kt/images/radio_diantai_2.gif\',1)" src="http://static.9sky.com/_/kt/images/radio_diantai_1.gif" name="加入电台412629" width="15" height="15" border="0" /></a></td>'

_ktPL[0][6]='<td width="17"><img onmouseover="MM_swapImage(\'音乐盒412629\',\'\',\'http://static.9sky.com/_/kt/images/grym_ima/radio_tongy2_1.gif\',1)" onmouseout="MM_swapImgRestore()" src="http://static.9sky.com/_/kt/images/radio_tongy2.gif" alt="加入音乐盒" name="音乐盒412629" width="15" height="15" border="0" style="cursor:pointer" onclick="store(\'music\',412629,event)" /></td>'

_ktPL[0][7]='Let Me Show You The Way (Out)'

_ktPL[0][8]='http://down.9sky.com/wma30s/34636_412629.wma'

_ktPL[0][10]='34636'

_ktPL[0][11]='More Than A Woman'

_ktPL[0][12]='2002-11-9 0:00:00'

_ktPL[0][13]='Arista'

_ktPL[0][14]='R&B'

_ktPL[0][15]='http://img9.9sky.com/cover/70/34636.jpg'

//获取歌曲列表信息

//构造歌曲列表

function makePlayList(){

//table的头

var _ktTableHead1 = "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\""

var _ktTableHead2 = "\"><tr>"

//table的尾部

var _ktTableTail = "</tr></table>"

//分成4部分的原因是中间有个数值,标志歌曲在列表中的位置

var _ktMvDown1 = "<img style=\"cursor:pointer\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage('向下排序"

var _ktMvDown2 = "','','http://static.9sky.com/_/kt/images/radio_tongy35_1.gif',1)\" src=\"http://static.9sky.com/_/kt/images/radio_tongy35.gif\" alt=\"向下调序\" name=\"向下排序"

var _ktMvDown3 = "\" width=\"15\" height=\"15\" border=\"0\" onclick=\"javascript:ktmovedown("

var _ktMvDown4 = ")\" />"

var _ktMvUp1 = "<img style=\"cursor:pointer\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage('向上排序"

var _ktMvUp2 = "','','http://static.9sky.com/_/kt/images/radio_tongy34_1.gif',1)\" src=\"http://static.9sky.com/_/kt/images/radio_tongy34.gif\" alt=\"向上调序\" name=\"向上排序"

var _ktMvUp3 = "\" width=\"15\" height=\"15\" border=\"0\" onclick=\"javascript:ktmoveup("

var _ktMvUp4 = ")\" />"

var _ktDel1 = "<td width=\"22\"><img style=\"cursor:pointer\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage('删除"

var _ktDel2 = "','','http://static.9sky.com/_/kt/images/radio_tongy36_1.gif',1)\" src=\"http://static.9sky.com/_/kt/images/radio_tongy36.gif\" alt=\"删除此歌\" name=\"删除"

var _ktDel3 = "\" width=\"15\" height=\"15\" border=\"0\" onclick=\"javascript:ktdelete("

var _ktDel4 = ")\" /></td>"

var str = ""//用于生成歌曲列表的字符串

//if(_ktCurrent>0){

for(var i=0i<_ktCurrenti++){

str += _ktTableHead1 + (i%2==0?"#ffffff":"f7f7f7") + _ktTableHead2//加上头

str += "<td width=\"25\"><div align=\"center\"><span class=\"STYLE4\">"+(i+1)+"</span></div></td>"//加上序号

str += _ktPL[i][0]//加上歌名

str += _ktPL[i][1]//加上歌手

str += _ktPL[i][2]//加上歌词

str += _ktPL[i][3]//加上铃声

str += _ktPL[i][4]//加上下载

str += _ktPL[i][5]//加上加入电台

str += _ktPL[i][6]//加上收藏

//加上排序

str += "<td width=\"34\" align=\"left\" style=\"padding-left:5px\" >"

if(i==(_ktCurrent-1))//如果在最后面,则不能再往后移了

str += " "

else//可以往后移

str += _ktMvDown1 + (i) + _ktMvDown2 + (i) + _ktMvDown3 + (i) + _ktMvDown4

if(i==0)//如果再最前面,则不能往前移了

str += ""

else//可以往前移

str += _ktMvUp1 + (i) + _ktMvUp2 + (i) + _ktMvUp3 + (i) + _ktMvUp4

str += "</td>"

//加上删除的部分

str += _ktDel1 + (i) + _ktDel2 + (i) + _ktDel3 + (i) + _ktDel4

str += _ktTableTail//加上尾巴

}

//}

str="<table width=\"372\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"><tr><td valign=\"top\">"+str+"</td></tr></table>"

$("playList").innerHTML = str

}

//构造歌曲信息

function makeMusicInfo(musicName,albName,artName,albTime,albCompany,genre,musicId,pic){

new Ajax.Request(

"lyric.aspx",

{method: "post", postBody: "id="+musicId,

asynchronous:true,

onLoading:function(request){} ,

onFailure:function(request){},

onSuccess:function(request){makeMusicInfo1(musicName,albName,artName,albTime,albCompany,genre,request.responseText,pic)}}

)

}

function makeMusicInfo1(musicName,albName,artName,albTime,albCompany,genre,lyric,pic){

var str="<table width=\"360\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td align=\"center\"><table width=\"98%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"74%\" bgcolor=\"#EEEEEE\" class=\"STYLE6\"><div align=\"left\"><img src=\"http://static.9sky.com/_/kt/images/play_images/radio_an1.gif\" width=\"12\" height=\"12\" class=\"ima1\" /><span class=\"STYLE1\">正在查看的歌曲："

str+=musicName

str+="</span></div></td><td width=\"26%\" bgcolor=\"#EEEEEE\" class=\"STYLE6\"><label style=\"cursor:pointer\" onclick=\"makePlayList()\"><span class=\"STYLE7\">返回播放列表</span><span class=\"STYLE1\"><img src=\"http://static.9sky.com/_/kt/images/play_images/radio_an2.gif\" width=\"10\" height=\"10\" class=\"ima1\" /></span></label></td></tr></table><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td><img src=\"pic\" width=\"1\" height=\"5\" /></td></tr></table><table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"STYLE6\"><div align=\"left\">>>><span class=\"STYLE1 STYLE7\">所属专辑信息</span></div></td</tr></table><table width=\"98%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td background=\"http://static.9sky.com/_/kt/images/radio_t1.gif\"><img src=\"http://static.9sky.com/_/kt/images/radio_tou1.gif\" width=\"1\" height=\"1\" /></td></tr></table><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td height=\"10\"> </td></tr></table><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"86\"><div align=\"center\"><img src=\""

str+=pic

str+="\" width=\"63\" height=\"63\" class=\"ima2\" /></div></td><td class=\"STYLE5_1\"><div align=\"left\">所属专辑： "

str+=albName

str+="<br />歌手

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：html5 touch 事件用在哪儿

# 下一篇：计算机与信息科学类事业单位考试，专业科目考些什么内容？