PJBlog3

什么是炒货,什么是货尾

lioil77{@}gmail.com(lioil) — Thu,12 Nov 2009 20:20:29 +0800

炒货是说自己不生产,也不是厂家代理,自己从别的市场别人代理商拿货过来批发就是炒货广州白马就有很多批发商去十三行拿货炒,20元进可以炒到40元都是赚外地去的没有时间逛市场的朋友

货尾是说批发最后剩下来的,还有的是不好批的款式,平时正常批比如30元/件货尾可能就只有几元一件这个量一般比较大一般有上千和上万件所以批发商不接受零散的小批发商就回写上货尾勿问，面斥不雅为什么很多大卖场和有渠道的朋友你能发现和你一样的货卖的价格比你进价还便宜就是这个道理

2009年9月22日农历8月初四

lioil77{@}gmail.com(lioil) — Wed,23 Sep 2009 22:59:07 +0800

2009年9月22日农历8月初四

flash 特殊字符使用

lioil77{@}gmail.com(lioil) — Thu,17 Sep 2009 17:58:59 +0800

复制内容到剪贴板程序代码

在FusionCharts 里，如果要在图形里用到一些特殊的字符，你就要对它进行编码，否则就无法显示。

欧元符号
在FusionCharts 里显示“€”，你需要用“%80”来替换它。
上面的代码会在数字前面都加上“€”。

英镑符号
在FusionCharts里显示“￡”，你需要用“%A3”来替换它。

人民币符号
在FusionCharts 里显示“￥”，你需要用“%A5”来替换它。

分符号
在FusionCharts里显示“￠”，你需要用“%A2”来替换它.

百分号符号
在FusionCharts里显示“%”，你需要用“%25”来替换它。

&符号
在FusionCharts 里显示“&”，你需要用“&”来替换它。

>符号
在要用“>”来替换它。如下：

单引号符号
在FusionCharts 里显示“'”，你需要用“'”来替换它。

30种正在被网络“杀死”的事物

lioil77{@}gmail.com(lioil) — Tue,08 Sep 2009 17:45:20 +0800

英国《每日电讯报》4日列举了一些正在被网络“杀死”的事物，很多读者则跟帖对这个清单进行补充。我们节选了其中的30项（排名不分先后）。这里说的网络，不仅包括互联网，还包括其他现代网络，如手机网络和GPS（全球定位系统）。

一起看看:

　　1. 礼貌地表示不同意

　　上了网，似乎一个个都变得脾气大起来，一有争论就言辞激烈，谩骂也屡见不鲜。

　　2. 从头至尾听完一张唱片

　　有了网络，许多人只听其中的某首单曲。这事有两面性，不必要再把所有歌听完就能挑出最好听的，但有些单曲，难道真能配得上那么广泛的收听率？

　　3. 准点

　　在手机出现之前，人们通常都不会在约会时迟到。但现在，离约定时间5分钟时发个短信告诉朋友要晚了，是屡见不鲜的事。

4. 手表

　　想知道时间，许多人的习惯是摸出手机看一下，而不再是看表。

　　5. 写信/书写/正确地拼写

　　电子邮件更快、更便宜也更方便，收到朋友寄来的亲笔信已经成了非常难得的事。

　　不仅如此，用笔写字的机会也大大缩水。网上交流，很多人会用各种缩写或网络用语，不上网的人读起来犹如“火星文”，这种习惯已影响到现实生活的写作。

　　6. 相册和幻灯片

　　玩回来，照片往电脑里一存，或者贴到网上与人分享。今年早些时候，柯达公司就宣布因为需求量太少，停产一款幻灯胶卷。

　　7. 一起看电视

　　原因之一是相比看电视，许多人更喜欢上网。另一个原因是，爱看电视的人，可能选择上网看。加上在线电视可以让亲朋好友在不同时间看同样的节目，所以不用赶在同一时间挤在电视机前了。

　　8. 背电话号码

　　过去人们不得不用脑子记住一些电话号码，但现在只需将号码储存到联系人菜单里，就再也不用看那些数字了。

　　9. 外语的神秘感

　　不少翻译网站已经能够提供即时、高质量的翻译服务，并且涵盖几十种语言间的互译，令外语不再神秘。不过这种方法也让人无法体验外语的美感和韵律感。

　　10. 地理知识

　　自从GPS的应用从汽车延伸到各类智能手机，认路已不再是什么值得炫耀的技能。伦敦的出租车司机就是个例子，当年他们花了不少时间将所有道路牢记于心，但现在迷你出租车司机已经不这么干了，因为他们用GPS。迷你出租车比传统的出租车便宜，只能通过电话叫车。

　　11. 记忆

　　想知道某样东西，不管它多稀奇古怪，用谷歌或维基百科一搜，花不了几秒就有了结果。互联网时代，光记住知识并没有非常大的价值，更看重的是你如何运用它，创造性更重要。

　　12. 集中注意力

　　越来越多的人习惯了“多任务操作”。一边干活，一边发邮件，一边看新闻，还要见缝插针上开心网“偷菜”，你是否也有这样的经历？但是实践与科学家都证明，专心才能把事情做得更好。

　　13. 午休时间

　　你今天午休离开办公桌了吗？是不是吃完饭就回到电脑前？甚至一边吃饭一边发电子邮件，或者查询自己感兴趣商品的价格？

　　现在不上网的空闲时间是不是越来越少了？

　　你上次坐在窗前发呆一小时，或者重读自己喜欢的书，是什么时候？互联网无时无刻不在吸引我们的注意力，而且越来越难以抗拒。

　　14. 信息空白

　　现在还有人为了知道某场自己关心的比赛的结果而去买报纸吗？有个能上网的手机，随时就能得知最新比赛结果。

　　许多人过去度假回到家，就先猛翻报纸：有没有哪个名人死了？本地有没有出大事？但现在，人们在度假时，要有坚强的意志才会不上网看一下新闻。

　　15. 电报

　　以春节晚会为例，以前主持人会念许多电报，现在出现更多的是电子邮件甚至视频了。

　　16. 空当接龙

　　还记得这款小游戏吗？电脑没联网时，多少人玩它来打发时间。现在大家都玩网上的小游戏了。

　　17. 隐私

　　英国公共场所的摄像头是欧洲国家中最多的，因此政府常被人抨击政府滥用摄像头监视人们的生活。但人们在社交网站上对自己私生活的曝光，远远超过监视器所能获得的部分。

　　进大学你以为能够“改头换面”换个人似的生活？回答是否定的，因为你在Facebook（脸谱社交网站）出卖了自己，上面清楚贴着你过去的照片。

　　18. 相见不如怀念

　　大家都挂在网上，可以清楚地知道某某过去5年重了多少。所以时隔多年再见初恋情人，不会有太多的情感冲击。换作以前，重聚时看到对方的体型变化，很可能深受打击。

　　19. 记事本上印的有用信息

　　记事本的前面或后面通常会印几页“有用信息”，比如单位换算、区号等等。不过现在还有人翻本子查“一加仑等于多少升”吗？手机或网站都会自动换算。

　　20．对医生或其他专业人士的尊重

　　大量健康保健网站雨后春笋般地出现，开始动摇了医生们的权威地位，因为越来越多病人手里握着大量下载打印的保健资料。
　　21. 强化版权

　　唱片公司、电影公司、新闻机构都在努力为了版权而斗争，但免费的大闸想关上，难啊。

　　22. 权威参考书

　　我们仍然需要可靠的消息，但一般不愿意花钱买了。

　　23. 唱片店与延时发售的电影DVD

　　这是一个大家都想听免费音乐的年代，开店卖唱片赚钱已经越来越难。

　　许多人选择从网上免费下载电影，这么做的理由之一，是电影首映到发行DVD之间等待的时间太长，比如英国消费者要等6个月，没这个耐心。

　　24. 主流媒体

　　新网络媒体已经开始包围传统媒体。免费新闻以及网络广告已经威胁到了所有传统媒体的基础商业模式。

　　25. 色情杂志

　　网上随处可见的色情信息，导致了最让人担心的事之一：孩子们都能轻易接触到色情图片，无需再去偷偷买色情杂志。
　　26. 坏事不出门

　　在互联网年代，“坏事传千里”这话更是真实。20年前，如果一个苏丹人和一头山羊发生了关系，依据当地法律只好和它结婚，这个不怎么光彩的消息最多传到邻村。但同样的事情发生在2006年，网络的力量让通比先生“荣登”当天世界不少地区的新闻头条。

　　27. 脚注

　　有了各种超链接，脚注就显得多余了。

　　28. “粉丝”杂志

　　有了博客和网站，针对“粉丝”（喜欢某事或某人的人）的纸质杂志就被取代了。网络给了“粉丝”们更大的自由及交流空间，还可以与更多的人分享。

　　29. 骗局与阴谋论

　　互联网上经常充斥着谎言，但无数事实证明，它揭穿的骗局更多。

　　30. 未被发现的艺术家

　　绘画作品、诗歌、文章都可以轻松上传到网络，所以不用隐居在阁楼上自我欣赏了。

《四库全书》目录

lioil77{@}gmail.com(lioil) — Mon,15 Jun 2009 13:56:35 +0800

1经部
【易类】
101子夏易传、周易郑康成注、增补郑氏周易、陆氏易解、周易注、周易注疏、周易集解、周易口诀义、周易举正、易数钩隐图、周易口义、温公易说、横渠易说、东坡易传、伊川易传、易学辨惑、了斋易说、吴园周易解、周易新讲义、紫岩易传、读易详说、易小传、汉上易传、周易窥馀、易璇玑、易变体义、周易经传集解、易原、周易古占法、原本周易本义、别本周易本义、郭氏传家易说、周易义海撮要、南轩易说、复斋易说、杨氏易传、周易玩辞、赵氏易说、诚斋易传、大易粹言、易图说、古周易、易传灯、易裨传、厚斋易学、童溪易传
102周易总义、西溪易说、丙子学易编、易通、周易卦爻经传训解、易象意言、周易要义、易翼传、文公易说、易学启蒙小传、周易辑闻、用易详解、淙山读周易、周易传义附录、易学启蒙通释、三易备遗、周易集说、读易举要、易象义、易图通变、读易私言、易附录纂注、周易启蒙翼传、易纂言、易纂言外翼、易源奥义、周易程朱传义折衷、周易衍义、易学滥觞、大易缉说、周易本义通释、周易本义集成、大易象数钩深图、学易记、周易集传、读易考原、易精蕴大义、易学变通、周易会通、周易图说
103周易爻变易縕、周易参义、周易文诠、周易传义大全、易经蒙引、读易馀言、启蒙意见、易经存疑、周易辩录、易像钞、周易象旨决录、易象钩解、周易集注、读易纪闻、叶八白易传、读易述、像象管见、周易札记、周易易简说、易义古象通、周易像象述、易用、易象正、儿易内仪以、卦变考略、古周易订诂、周易玩辞困学记、易经通注、日讲易经解义
104日讲易经解义、御纂周易折中、御纂周易述义、读易大旨、周易稗疏、易酌、田间易学、易学象数论、周易象辞、图学辩惑、周易筮述、仲氏易、推易始末、春秋占筮书、易小帖、易俟、读易日钞、周易通论、周易观彖、周易浅述、易原就正、大易通解、易经衷论、易图明辨、合订删补大易集义粹言、周易传注、周易札记、周易传义合订、周易玩辞集解、惠氏易说、周易函书约存、周易函书约注、周易函书别集
105周易函书约存、周易函书约注、周易函书别集、易笺、学易初津、易翼宗、易翼说、周易孔义集说、易翼述信、周易浅释、周易洗心、丰川易说、周易述、易汉学、易例、易象大意存解、大易择言、周易辨画、周易图书质疑、周易章句证异、附录、乾坤凿度、易纬稽览图、易纬辨终备、周易乾凿度、易纬通卦验、易纬乾元序制记、易纬是类谋、易纬坤灵图
【书类】
尚书注疏、洪范口义、书传、尚书全解、禹贡指南、禹贡论、尚书讲义、夏氏尚书详解、禹贡说断、增修东莱书说、尚书说、
106五诰解、絜斋家塾书钞、书经集传、尚书精义、陈氏尚书详解、融堂书解、洪范统一、尚书要义、书集传或问、胡氏尚书详解、尚书表注、书纂言、书集传纂疏、读书丛说、书传辑录纂注、尚书通考、书蔡氏传旁通、读书管见、书义断法、尚书纂传、尚书句解、书传会选、书经大全、图说、尚书考异、尚书疑义、尚书日记、尚书砭蔡编、尚书注考、尚书疏衍、洪范明义、日讲书经解义、钦定书经传说汇纂、尚书稗疏、尚书古文疏证、古文尚书冤词、尚书广听录、尚书埤传、禹贡长笺
107禹贡长笺、禹贡锥指、洪范正论、尚书七篇解义、书经衷论、尚书地理今释、禹贡会笺、附录、尚书大传、书义矜式
【诗类】
诗序、毛诗注疏、毛诗草木鸟兽虫鱼疏、陆氏诗疏广要、毛诗指说、诗本义、苏氏诗集传、毛诗名物解、毛诗李黄集解、诗补传、诗总闻、诗经集传、慈湖诗传、吕氏家塾读诗记、续吕氏家塾读诗记、毛诗讲义、诗童子问、段氏毛诗集解、诗缉、诗传遗说、诗考、诗地理考、诗集传名物钞、诗传通释
108诗传通释、诗传旁通、诗经疏义会通、诗经疑问、诗缵绪、诗演义、诗解颐、诗传大全、诗说解颐、读诗私记、诗故、六家诗名物疏、重订诗经疑问、诗经世本古义、待轩诗记、读诗略记、钦定诗经传说汇纂、御纂诗义折中、田间诗学、诗经稗疏、诗经通义、毛诗稽古编、诗所
109毛诗写官记、诗札、诗传诗说驳义、续诗传鸟名卷、诗识名解、诗传名物集览、诗说、诗经札记、读诗质疑、毛诗类释、诗疑辨证、三家诗拾遗、诗沈、诗序补义、虞东学诗、附录、韩诗外传
【礼类一、周礼之属】
周礼注疏、周官新义、周礼详解、周礼复古编、礼经会元、太平经国书、周官总义、周礼订义、鬳斋考工记解、周礼句解、周礼集说、周官集传、周礼传、周礼图说、周礼翼传
110周礼传、周礼图说、周礼翼传、周礼全经释原、周礼注疏删翼、钦定周官义疏、周礼述注、周礼纂训、周官集注、礼说、周官禄田考、周礼疑义举要
【礼类二、仪礼之属】
仪礼注疏、仪礼识误、仪礼集释、仪礼释宫、仪礼图、仪礼要义、仪礼逸经、仪礼集说、经礼补逸、钦定仪礼义疏
111钦定仪礼义疏、仪礼郑注句读、仪礼商、仪礼述注、仪礼析疑、仪礼章句、补飨礼、礼经本义、宫室考、天子肆献裸馈食礼、仪礼释宫增注、仪礼小疏、仪礼集编、附录、内外服制通释、读礼通考
【礼类三、礼记之属】
礼记注疏、月令解、礼记集说
112礼记集说、礼记纂言、陈氏礼记集说、礼记大全、月令明义、表记集传、坊记集传、缁衣集传、儒行集传、日讲礼记解义、钦定礼记义疏
113钦定礼记义疏、深衣考、陈氏礼记集说补正、礼记述注、礼记析疑、檀弓疑问、礼记训义择言、深衣考误、附录、大戴礼记、夏小正戴氏传
【礼类四、三礼总义之属】
三礼图集注、三礼图、学礼质疑、读礼志疑、郊社禘祫问、参读礼志疑
【礼类五、通礼之属】
礼书、仪礼经传通解、仪礼经传通解续、礼书纲目、五礼通考
114五礼通考
【礼类六、杂礼书之属】
书仪、家礼、泰泉乡礼、朱子礼纂、辨定祭礼通俗谱
【春秋类】
春秋左传注疏、春秋三解传述人、春秋公羊传注疏、春秋谷梁传注疏
115春秋谷梁传注疏、箴膏肓、春秋释例、春秋集传纂例、春秋集传微旨、春秋集传辨疑、春秋名号归一图、春秋年表、春秋尊王发微、春秋皇纲论、春秋通义、春秋权衡、刘氏春秋传、刘氏春秋意林、春秋传说例、孙氏春秋经解、苏氏春秋集解、春秋辨疑、崔氏春秋经解、春秋本例、春秋五礼例宗、春秋通训、叶氏春秋传、春秋考、春秋三传谳、吕氏春秋集解、胡氏春秋传、高氏春秋集注、春秋后传、左氏传说、左氏传续说、左氏博议、春秋比事、春秋左传要义、春秋分记、春秋讲义、春秋集义、张氏春秋集注、春秋王霸列国世纪编、春秋通说、洪氏春秋说、春秋经筌
116春秋经筌、吕氏春秋或问、春秋集传详说、读春秋编、春秋集传释义大成、春秋纂言、春秋提纲、春秋诸国统纪、春秋本义、程氏春秋或问、三传辨疑、春秋谳义、春秋会通、春秋阙疑、春秋集传、春秋师说、春秋左氏传补注、春秋金锁匙、春秋属辞、春秋胡传附录纂疏、春秋春王正月考、春秋书法钩元、春秋大全、春秋经传辨疑、春秋正传、左传附注、春秋胡氏传辨疑、春秋明志录
117春秋明志录、春秋正旨、春秋辑传、春秋亿、春秋事义全考、春秋左传属事、春秋胡传考误、左氏释、春秋质疑、春秋孔义、春秋辩义、读春秋略记、春秋四传质、左传杜林合注、春秋提要、日讲春秋解义、钦定春秋传说汇纂、御纂春秋直解、左传杜解补正、春秋稗疏、春秋四传纠正、春秋平义、读左日钞、左传事纬、春秋毛氏传、春秋简书刊误、春秋属辞比事记、春秋地名考略、春秋管窥、三传折诸
118三传折诸、左传折诸、公羊折诸、谷梁折诸、春秋阙如编、春秋宗朱辨义、春秋通论、春秋世族谱、春秋长历、惠氏春秋说、春秋大事表、春秋识小录、惠氏春秋左传补注、春秋左传小疏、春秋地理考实、三正考、春秋究遗、春秋随笔、附录、春秋繁露
【孝经类】
古文孝经孔氏传、孝经注疏、孝经指解、孝经刊误、孝经大义、孝经定本、孝经述注、孝经集传、御定孝经注、御纂孝经集注、孝经问、经部五经总义类、驳五经异义、郑志、经典释文、公是七经小传、程氏经说、六经图、六经正误、九经三传沿革例、融堂四书管见、四如讲稿、六经奥论、明本排字九经直音、五经说、十一经问对、五经蠡测、简端录、五经稽疑、经典稽疑
119钦定翻译五经四书、七经孟子考文补遗、九经误字、经问、十三经义疑、九经古义、经稗、十三经注疏正字、朱子五经语类、群经补义、经咫、九经辨字渎蒙、古经解钩沉、附录、古微书
【四书类】
孟子注疏、论语集解义疏、论语注疏、论语笔解、孟子音义、论语拾遗、孟子解、论语全解、孟子传、尊孟辨、四书章句集注、四书或问、论孟精义、中庸辑略、石鼓论语答问、论语意原、癸巳论语解、癸巳孟子说、蒙斋中庸讲义、四书集编、
120孟子集疏、论语集说、中庸指归、四书纂疏、大学疏义、论孟集注考证、四书集义精要、四书辨疑、读四书丛说、四书通、四书通证、四书疑节、四书经疑贯通、四书纂笺、四书通旨、四书管窥、大学中庸集说启蒙、四书大全、四书蒙引、四书因问、问辨录、论语类考、孟子杂记、学庸正说、论语商、论语学案、四书留书、日讲四书解义、四书近指、孟子师说、大学翼真、四书讲义困勉录
121四书讲义困勉录、松阳讲义、榕村四书说、论语稽求篇、四书剩言、大学证文、四书释地、四书札记、此木轩四书说、四书逸笺、乡党图考、经部乐类、皇佑新乐图记、乐书、律吕新书、瑟谱、韶舞九成乐补、律吕成书、苑洛志乐、钟律通考、乐律全书、御制律吕正义、御制律吕正义后编、钦定诗经乐谱全书、古乐经传、古乐书、圣谕乐本解说、皇言定声录、竟山乐录、李氏学乐录、乐律表微、律吕新论、律吕阐微、琴旨
【小学类一、训诂之属】
122尔雅注疏、附考证、尔雅注、輶轩使者绝代语释别国方言、释名、广雅、匡谬正俗、群经音辨、埤雅、尔雅翼、骈雅、字诂、续方言、别雅
【小学类二、字书之属】
急就篇、说文解字、说文系传、说文系传考异、说文解字篆韵谱、重修玉篇、干禄字书、五经文字、九经字样、汗简、佩觿、古文四声韵、类篇、历代钟鼎彝器款识法帖、复古编、班马字类、汉隶字源、六书故、字通、龙龛手鉴、六书统、周秦刻石释音、字鉴、说文字原、六书正讹、汉隶分韵、六书本义、奇字韵、古音骈字、俗书刊误、字孪、御定康熙字典、御制增订清文鉴
123御制增订清文鉴、御制满珠蒙古汉字三合切音清文鉴、钦定西域同文志、隶辨、篆隶考异
【小学类三、韵书之属】
原本广韵、重修广韵、集韵、切韵指掌图、韵补、附释文互注礼部韵略、增修互注礼部韵略、增修校正押韵释疑、九经补韵、五音集韵、古今韵会举要、四声全形等子、经史正音切韵指南、洪武正韵、古音丛目、古音略例、转注古音略、毛诗古音考、屈宋古音义、御定音韵阐微、钦定同文韵统、钦定叶韵汇辑、钦定音韵述微、音论、诗本音、易音、唐韵正、古音表、韵补正、古今通韵、易韵、孙氏唐韵考、古韵标准、附录、六艺纲目、
2史部、
【正史类】
201史记、史记集解、史记索隐、史记正义、读史记十表、史记疑问、前汉书、班马异同、后汉书
202后汉书、补后汉书年表、两汉刊误补遗、三国志、三国史辨误、三国志补注、晋书、宋书、南齐书、梁书、陈书、魏书
203魏书、北齐书、周书、隋书、南史、北史、旧唐书
204旧唐书、新唐书、唐书释音、新唐书纠谬、旧五代史、新五代史、五代史纂误、宋史
205宋史、辽史、辽史拾遗
206辽史拾遗、金史、元史、钦定辽金元三史国语解、明史
207明史、
【编年类】
竹书纪年、竹书统笺、前汉纪、后汉纪、元经、唐创业起居注、资治通鉴
208资治通鉴、资治通鉴考异、资治通鉴释例、资治通鉴目录、通鉴地理通释、通鉴释文辨误、通鉴胡注举正、稽古录、资治通鉴外纪、皇王大纪、中兴小纪、续资治通鉴长编
209续资治通鉴长编、纲目续麟、纲目分注拾遗、纲目订误、大事记、建炎以来系年要录、 210建炎以来系年要录、九朝编年备要、续宋编年资治通鉴、西汉年纪、靖康要录、两朝纲目备要、宋季三朝政要、宋史全文、资治通鉴前编、通鉴续编、大事记续编、元史续编、御批历代通鉴辑览
211御批历代通鉴辑览、御定资治通鉴纲目三编、皇清开国方略、资治通鉴后编
【纪事本末类】
通鉴纪事本末
212通鉴纪事本末、春秋左氏传事类始末、三朝北盟会编、蜀鉴、炎徼纪闻、宋史纪事本末、元史纪事本末、平定三逆方略、圣祖仁皇帝亲征平定朔漠方略、钦定平定金川方略、平定准噶尔方略
213平定准噶尔方略、平定两金川方略、钦定剿捕临清逆匪纪略、钦定兰州纪略、钦定石峰堡纪略、钦定台湾纪略、绥寇纪略、滇考、明史纪事本末、绎史
214绎史、左传纪事本末、平台纪略
【别史类】
逸周书、东观汉记、建康实录、隆平集、古史、通志
215通志、东都事略、路史、钦定重订契丹国志、钦定重订大金国志、古今纪要、萧氏续后汉书、郝氏续后汉书
216郝氏续后汉书、春秋别典、御定历代纪事年表、三元甲子编年、钦定续通志
217钦定续通志、补历代史表、后汉书补逸、春秋战国异辞、尚史
【杂史类】
国语、国语补音、战国策、鲍氏战国策注、战国策校注
218战国策校注、贞观政要、渚宫旧事、东观奏记、五代史阙文、五代史补、北狩见闻录、松漠纪闻、燕翼诒谋录、太平治迹统类、咸淳遗事、大金吊伐录、汝南遗事、钱塘遗事、平宋录、弇山堂别集、革除逸史、钦定蒙古源流、
【诏令奏议类、一诏令之属】
太祖高皇帝圣训、太宗文皇帝圣训、世祖章皇帝圣训、圣祖仁皇帝圣训、世宗宪皇帝圣训、世宗宪皇帝上谕八旗、世宗宪皇帝上谕内阁、世宗宪皇帝朱批谕旨
219世宗宪皇帝朱批谕旨、唐大诏令集、两汉诏令
【诏令奏议类二、奏议之属】
范文正奏议、包孝肃奏议集、尽言集、谠论集、左史谏草、商文毅疏稿、王端毅奏议
220王端毅奏议、马端肃奏议、关中奏议、胡端敏奏议、杨文忠三录、何文简疏议、垂光集、孙毅庵奏议、玉坡奏议、南宫奏稿、讷溪奏疏、谭襄敏奏议、潘司空奏疏、两河经略、两垣奏议、周忠愍奏疏、张襄壮奏疏、靳文襄奏疏、华野疏稿、宋名臣奏议、历代名臣奏议
221历代名臣奏议、名臣经济录、名臣经济录
222御选明臣奏议、
【传记类一、圣贤之属】
孔子编年、东家杂记
【传记类二、名人之属】
晏子春秋、魏郑公谏录、李相国论事集、杜工部年谱、杜工部诗年谱、绍陶录、金佗?编、象台首末、魏郑公谏续录、忠贞录、诸葛忠武书、宁海将军固山贝子功绩录、朱子年谱
【传记类三、总录之属】
古列女传、高士传、卓异记、春秋臣传、廉吏传、绍兴十八年同年小录、伊洛渊源录、宋名臣言行录前集、名臣碑传琬琰之集、钱塘先贤传赞、庆元党禁、宋宝佑四年登科录、京口耆旧传、昭忠录、敬乡录、唐才子传、元朝名臣事略、浦阳人物记、古今列女传、殿阁词林记、嘉靖以来首辅传、明名臣琬琰录、今献备遗、百越先贤志、元儒考略、钦定宗室王公功绩表传、定外藩蒙古回部王公表传、钦定八旗满洲氏族通谱
223钦定八旗满洲氏族通谱、钦定胜朝殉节诸臣录、明儒学案、中州人物考、东林列传、儒林宗派、明儒言行录、史传三编、闽中理学渊源考
【传记类四、杂录之属】
征南录、骖鸾录、吴船录、入蜀记、西使记、保越录、粤闽巡视纪略、松亭行纪、扈从西巡日录
【史钞类】
两汉博闻、通鉴总类、南史识小录、北史识小录
【载记类】
吴越春秋、越绝书、华阳国志、邺中记、十六国春秋、
224十六国春秋、别本十六国春秋、蛮书、钓矶立谈、江南野史、江南别录、江表志、江南馀载、三楚新录、锦里耆旧传、五国故事、蜀梼杌、马氏南唐书、陆氏南唐书、吴越备史、安南志略、十国春秋、附录、朝鲜史略、越史略
【时令类】
岁时广记、御定月令辑要
【地理类一、宫殿簿之属】
三辅黄图、禁扁、
【地理类二、总志之属】
元和郡县志、太平寰宇记、元丰九域志、舆地广记、方舆胜览、明一统志
225明一统志、大清一统志
226大清一统志
【地理类三、都会郡县之属】
吴郡图经续记、乾道临安志、淳熙三山志、吴郡志、新安志、剡录、会稽志、赤城志、宝庆四明志、海盐澉水志、景定严州续志、景定建康志、咸淳临安志、至元嘉禾志、昌国州图志、延佑四明志、齐乘、至大金陵新志、无锡县志、姑苏志、武功县志、朝邑县志、岭海舆图、滇略、吴兴备志
227吴兴备志、钦定热河志、钦定日下旧闻考、钦定满洲源流考、钦定皇舆西域图志、钦定盛京通志、畿辅通志、
228畿辅通志、江南通志、江西通志
229江西通志、浙江通志
230浙江通志、福建通志、湖广通志、河南通志
231河南通志、山东通志、山西通志
232山西通志、陕西通志
233陕西通志、甘肃通志、四川通志、广东通志、广西通志
234广西通志、云南通志、贵州通志、历代帝王宅京记、
【地理类四、河渠之属】
水经注、水经注集释订讹、水经注释、吴中水利书、四明它山水利备览、河防通议、治河图略、浙西水利书、河防一览、三吴水利录、北河纪、敬止集、三吴水考
235三吴水考、吴中水利全书、钦定河源纪略、仑昆河源考、两河清汇、居济一得、治河奏续书、直隶河渠志、行水金鉴、水道提纲、海塘录
【地理类五、边防之属】
筹海图编、郑开阳杂著
【地理类六、山水之属】
南岳小录、庐山记、赤松山志、西湖游览志、桂胜、钦定盘山志、西湖志纂
【地理类七、古迹之属】
洛阳伽蓝记、吴地记、长安志、洛阳名园记、雍录、洞霄图志、长安志图、汴京遗迹志、汴京遗迹志、武林梵志、江城名迹、营平二州地名记、金鳌退食笔记、石柱记笺释、关中胜迹图志
【地理类八、杂记之属】
南方草木状、荆楚岁时记、北户录、桂林风土记、岭表录异、益部方物略记、岳阳风土记、东京梦华录、六朝事迹编类、会稽三赋、中吴纪闻、桂海虞衡志、岭外代答、都城纪胜、梦粱录、武林旧事、增补武林旧事、岁华纪丽谱、吴中旧事、平江记事、江汉丛谈、闽中海错疏、蜀中广记、益部谈资、颜山杂记、岭南风物记、龙沙纪略、台海使槎录、东城杂记
【地理类九、游记之属】
游城南记、河朔访古记、徐霞客游记
【地理类十、外纪之属】
佛国记、大唐西域记、宣和奉使高丽图经、诸蕃志、溪蛮丛笑、真腊风土记、岛夷志略、朝鲜赋、海语、东西洋考、职方外纪、赤雅、朝鲜志、皇清职贡图、坤舆图说、异域录、海国闻见录
【职官类一、官制之属】
唐六典、翰林志、麟台故事、翰苑群书、南宋馆阁录、玉堂杂记、宋宰辅编年录、秘书监志、翰林记、礼部志稿
237礼部志稿、太常续考、土官底簿、词林典故、钦定国子监志、钦定历代职官表
http://img02.taobaocdn.com/bao/uploaded/i2/T16qFgXgBAXXb4Uofb_095431.jpg_sum.jpg" border="0" alt=""/> 权威正版《文津阁四库全书》馆藏版16开1500册商务印书馆
375000.0元

<正气歌> 文天祥

lioil77{@}gmail.com(lioil) — Tue,02 Jun 2009 12:08:58 +0800

　　天地有正气，杂然赋流形。下则为河岳，上则为日星。
　　于人曰浩然，沛乎塞苍冥。皇路当清夷，含和吐明庭。
　　时穷节乃见，一一垂丹青。在齐太史简，在晋董狐笔。
　　在秦张良椎，在汉苏武节。为严将军头，为嵇侍中血。
　　为张睢阳齿，为颜常山舌。或为辽东帽，清操厉冰雪。
　　或为出师表，鬼神泣壮烈。或为渡江楫，慷慨吞胡羯。
　　或为击贼笏，逆竖头破裂。是气所磅礴，凛烈万古存。
　　当其贯日月，生死安足论。地维赖以立，天柱赖以尊。
　　三纲实系命，道义为之根。嗟予遘阳九，隶也实不力。
　　楚囚缨其冠，传车送穷北。鼎镬甘如饴，求之不可得。
　　阴房阗鬼火，春院闭天黑。牛骥同一皂，鸡栖凤凰食。
　　一朝蒙雾露，分作沟中瘠。如此再寒暑，百疠自辟易。
　　嗟哉沮洳场，为我安乐国。岂有他缪巧，阴阳不能贼。
　　顾此耿耿在，仰视浮云白。悠悠我心悲，苍天曷有极。
　　哲人日已远，典刑在夙昔。风檐展书读，古道照颜色。

纯棉衣服保持不变形的方法

lioil77{@}gmail.com(lioil) — Sat,28 Feb 2009 23:21:02 +0800

一、洗涤方法：
1、纯棉服装，在穿之前应进行充分水洗。
2、纯棉织物耐碱不耐酸，洗涤时用普通洗衣粉、肥皂即可，可手洗也可机洗。
3、棉麻质地的衣服最好不要用洗衣机（高级的那种智能型除外），棉麻质地柔软，如果用洗衣机用力搅甩，很容易变形，变皱，严重的会把衣服洗坏，如果实在没有时间精力，也可以把衣服装在洗衣袋里（超市里有卖，10元左右，可以反复使用），然后用洗衣机的轻柔档洗涤。
4、洗黑色棉布或亚麻布衣服时，在最后一道漂洗衣服的水里加些浓咖啡或浓茶，可以使有些褪色的衣服变黑如初。但是只限于棉布和亚麻的黑色布料。

二、晾晒：
1、晾晒前，可采用洗衣机脱水
2、晾晒时，尽量将衣物拉平并将衣物反面朝外。
3、纯棉服装易起皱，晾晒八九成干时，取下折叠好压平，再晾干就会平整无皱。
4、有些棉染料对日光特别敏感，过渡曝晒易褪色，尤其是蓝、紫、粉红色等需特别谨慎，不妨翻面晾晒。

三、保养：
1、折叠处以蒸气熨斗中温整烫。印花、染色棉织品整烫时，应在反面熨烫，可长时间保持色泽鲜艳。
2、染色衣物经过洗涤，往往会发生褪色现象，如果将衣服洗净后，再在加有两杯啤酒的清水中漂洗，褪色部位即可复色。
3、纯棉服装易吸潮，存放时，应放在衣柜中，避免潮气和酸气的侵蚀。
4、浅色棉织衣物洗久后会逐渐变黄，可在水中加洗洁剂，煮20-30分钟，再以清水搓洗即可恢复原貌。5、阳光会使棉织品产生氧化现象。而使白色棉织物变黄脆化
6、酸会侵蚀棉织品，类似果汁等酸性物质沾染棉织物时，最好立即以清水处理，以免污渍停留过久而难以清除。
7、棉质的白衣服越洗越黄怎么办，汰渍也不大管用，秘籍：用大锅烧开水，加入洗衣粉，将衣服浸入，烧煮约三十分钟，保证雪白干净

十二生肖文化

lioil77{@}gmail.com(lioil) — Sat,31 Jan 2009 10:45:07 +0800

中国人说:第一组是老鼠和牛.老鼠代表智慧,牛代表勤奋.智慧和勤奋一定要紧紧结合在一起.如果光有智慧,不勤奋,那就变成小聪明;而光是勤奋,不动脑筋,那就变成愚蠢.这两者一定要结合.这是祖先对我们第一组的期望和要求,也是最重要的一组. 第二组是老虎和兔子.老虎代表勇猛,兔子代表谨慎.勇猛和谨慎一定要紧紧结合在一起才能作到胆大心细.如果勇猛离开了谨慎,就变成了鲁莽,而没了勇猛,就变成了胆怯.这一组也非常重要,所以,防在第二位置上.中国人看者这些贵族,补上一句:当我们表现出谨慎的时候,千万不要以为中国人没有勇敢的一面. 看着大家陷入沉思,中国人继续说:第三组是龙和蛇,龙代表猛,蛇代表柔韧.所谓刚者易折,太刚了容易折断,但是,如果只有柔的一面就易失去主见,所以,刚柔并济是我们的祖训. 接下来是马和羊,马代表勇往直前,羊代表和顺.如果一个人只顾自己直奔目标,不顾及周围环境,必然会和周围不断磕碰,最后不见得能达到目标.但是,一个人光顾及和顺,他可能连方向都没有了.所以,勇往直前的秉性,一定要和和顺紧紧结合在一起,这是祖先对我们的第四组期望. 再接下来是猴子和鸡.猴子代表灵活,鸡定时打鸣,代表恒定.灵活和恒定一定要紧紧结合在一起.如果你光灵活,没有恒定,再好的政策也得不到收获.一方面具有稳定性,保持整体和谐和秩序,另一方面有能在变通中前进,这才是最根本的要旨. 最后是狗和猪.狗代表忠诚,猪代表随和.如果一个人太忠诚,不懂得随和,就会排斥他人.反过来,一个人太随和,没有忠诚,这个人就失去原则.无论是对一个民族的忠诚,还是对自己理想的忠诚,一定要与随和紧紧结合在一起,这样才容易保持内心深处的平衡.

Div+Css+Js菜单

lioil77{@}gmail.com(lioil) — Thu,08 Jan 2009 18:16:22 +0800

HTML代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单</title>
<style>
body{
background-color:#B8B8A0;
}
#fbtn{
display:none;
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;
padding:1 1 1 1;
width:115px;
height:30px;
}
#fbtn_txt{
position:relative;
}
#fbtn_txt div{
height:30px;
padding-top:11px;
font-size:12px;
color:#800080;
text-align:center;
cursor:hand;
}
#fbtn_mask{
background-color:#ffffff;
position:relative;
width:100%;
height:100%;
}
</style>

</head>

<body>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G1</div>
<div>good morning</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G2</div>
<div>good evening</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M1</div>
<div>my name is fireyy</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G1</div>
<div>good morning</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>G2</div>
<div>good evening</div>
</div>
</div>

<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>M1</div>
<div>my name is fireyy</div>
</div>
</div>

for(var i=0;i<fbtn.length;i++){
fbtn_txt[i].style.posTop=-30;
fbtn_mask[i].style.posTop=-30;
fbtn[i].index=i;
fbtn[i].style.display="block";

fbtn[i].onmouseover=function(){
if(!current){
current=this;
domove(this.index);
}
else 
if(current!=this){
domove(current.index);
domove(this.index);
current=this;
}
}

fbtn[i].onmouseout=function(){
if(event.toElement==this.parentElement&t==this){
domove(this.index);
current=null;
}
}
}

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

HTML代码

.menu {
font-family: arial, sans-serif; 
width:750px; 
margin:0; 
margin:50px 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:104px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:31px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#faeec7; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#dfc184; 
color:#000;
}

</style>
<!--[if lte IE 6]>

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:32px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background:#faeec7; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#dfc184; 
color:#000;
}

</style>

<![endif]-->
</head>

<body>

<ul>
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<ul>
    <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li>
    <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li>
    <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
    <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
    <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li>
    <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li>
    <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li>
    <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>
    <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li>
    </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<ul>
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li>
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li>
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li>
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li>
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li>
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
    <li><a href="circles.html" title="circular links">circular links</a></li>
    </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

<ul>
    <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li>
    <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li>
    <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li>
    <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li>
    <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li>
    </ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<ul>
    <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li>
    <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li>
    <li><a href="../mozilla/content.html" title="Using content:">content:</a></li>
    <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li>
    <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li>
    <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li>
    <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li>
    <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li>
    <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li>
    </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul>
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li>
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li>
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li>
    </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul>
    <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li>
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li>
    <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li>
    <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li>
    </ul>

</li>
</ul>

<div class="clear"> </div>

</div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三级dropdown弹出菜单</title>
<style type="text/css">
/* common styling */
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

</style>
<!--[if lte IE 6]>
<style type="text/css">
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
.menu ul li a:hover ul li a:hover ul.left {left:-105px;}

</style>
<![endif]-->
</head>

<body>

<ul>
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK ></a>

<ul>
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>

</li>

<li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li>
    <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li>
    <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li>
    <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>
    <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li>
    </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul class="left">
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>

</li>
    </ul>

</li>
</ul>

</div>

</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flyout-竖向三级弹出菜单</title>
<style type="text/css">
/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#eee; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

</style>
<!--[if lte IE 6]>
<style type="text/css">
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#eee; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}

</style>
<![endif]-->
</head>

<body>
<div class="menu">
 <ul>
 <li><a class="hide" href="../menu/index.html">DEMOS</a>

<ul>
   <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
   <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
   <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
   </ul>

</li>
  <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li>
  <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li>
  <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li>
  <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>
  <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li>
  </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<ul>
  <li><a href="spies.html" title="a coded list of spies">spies menu</a></li>
  <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li>
  <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li>
  <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li>
  <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li>
  <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
  <li><a href="circles.html" title="circular links">circular links</a></li>
  </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

<ul>
  <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li>
  <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li>
  <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li>
  <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li>
  <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li>
  </ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

<ul>
  <li><a href="spies.html" title="a coded list of spies">spies menu</a></li>
  <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li>
  <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li>
  <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li>
  <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li>
  <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
  <li><a href="circles.html" title="circular links">circular links</a></li>
  </ul>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<ul>
  <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li>
  <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li>
  <li><a href="../mozilla/content.html" title="Using content:">content:</a></li>
  <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li>
  <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li>
  <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li>
  <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li>
  <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li>
  <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li>
  </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul>
  <li><a href="../ie/exampleone.html" title="Example one">example one</a></li>
  <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li>
  <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li>
 </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul>
 <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li>
 <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li>
 <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li>
 <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li>
 </ul>

</li>
 </ul>

</div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dropline-水平三级横向弹出菜单</title>
<style type="text/css">
/* common styling */
.menu {font-family: arial, sans-serif; width:749px; height:30px; position:relative; margin:0; font-size:11px; margin:50px 0; background:#fff; position:relative;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; border-left:1px solid #eee; width:106px;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
.menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul li a.hide {background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#b3ab79; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:##b3ab79; color:#fff;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
.menu ul li:hover ul.right li {float:right;}
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

</style>
<!--[if lte IE 6]>
<style type="text/css">
table {border-collapse:collapse; margin:0; padding:0;}

.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a, .menu ul li a:visited {background:#c9c9a7 url(../../graphics/drop.gif) 20px right no-repeat;}

.menu ul li a:hover {color:#fff; background:#b3ab79;}
.menu ul li a:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
.menu ul li a:hover ul.right_side li {float:right; border-width:0 1px 0 0 0;}
.menu ul li a:hover ul.left_side li {float:left;}
.menu ul li a:hover ul li a.sub {background:#bd8d5e url(../../graphics/drop2.gif) 20px right no-repeat; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#b3ab79; color:#fff;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}

</style>
<![endif]-->
</head>

<body>

<ul>
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK</a>

<ul class="right_side">
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>

</li>

</li>

<li><a class="hide" href="index.html">MENUS</a>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul class="right_side">
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li>
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li>
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li>
    </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul class="right_side">
    <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li>
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li>
    <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li>
    <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li>
    <li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK</a>

<ul class="left_side">
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>

</li>
    </ul>

</li>
</ul>

</div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>upmenu-水平竖弹向上三级弹出菜单</title>
<style type="text/css">
/* common styling */
.menu {font-family: verdana, arial, sans-serif; width:735px; position:relative; font-size:11px; margin:50px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:94px; height:25px; text-align:left; color:#000; padding-left:10px; border:1px solid #fff; border-width:0 1px 1px 0; background:#c9c9a7; line-height:25px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#e9e9c7;}
.menu ul li:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu ul li:hover ul li a.hide {background:#a7c9c9; color:#000;}
.menu ul li:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;}
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}

</style>
<!--[if lte IE 6]>
<style type="text/css">
table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#000; background:#e9e9c7;}
.menu ul li a:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu ul li a:hover ul li {display:block; background:#fff; color:#000; width:199px;}
.menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}
.menu ul li a:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:210px; bottom:0;}
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li a:hover ul.left {left:-105px;}
.menu ul li a:hover ul li a:hover ul.left {left:-210px;}

</style>
<![endif]-->
</head>

<ul>
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK ></a>

</ul>

</li>

<li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>
    <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li>
    </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
    <li><a href="circles.html" title="circular links">circular links</a></li>
    </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

</ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

<ul>
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li>

<li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li>
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li>
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li>
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li>
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
    <li><a href="circles.html" title="circular links">circular links</a></li>

</ul>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li>
    <li><a href="../mozilla/content.html" title="Using content:">content:</a></li>
    <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li>
    <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li>
    <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li>
    <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li>

<li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li>
    <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li>
    </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>

</li>

<li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li>
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li>
    <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li>
    <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li>
    </ul>

</li>

</ul>

</div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

<电脑桌前的杯子与水果刀>

lioil77{@}gmail.com(lioil) — Sat,06 Dec 2008 13:34:56 +0800

Painter ix + wacom非凡410

PJBlog3

什么是炒货,什么是货尾

2009年9月22日 农历8月初四

flash 特殊字符使用

30种正在被网络“杀死”的事物

《四库全书》目录

<正气歌> 文天祥

纯棉衣服保持不变形的方法

十二生肖文化

Div+Css+Js菜单

<电脑桌前的杯子与水果刀>

2009年9月22日农历8月初四