<![CDATA[Java伴侣 - Ajax/Js]]> http://www.javamilk.org/ zh-cn PBlog2 v2.4 Java伴侣 http://www.javamilk.org/images/logos.gif http://www.javamilk.org/ Java伴侣 http://www.javamilk.org/article.asp?id=1682 <![CDATA[ js中点击按钮切换图片 ]]> blurxx@yahoo.cn(javamilk1) Fri,22 Jan 2016 18:40:49 +0800 http://www.javamilk.org/default.asp?id=1682
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.javamilk.org/article.asp?id=1505 <![CDATA[网页标题随机显示名人名言JS代码]]> blurxx@yahoo.cn(Java伴侣) Thu,28 Jul 2011 14:44:42 +0800 http://www.javamilk.org/default.asp?id=1505
复制内容到剪贴板程序代码 程序代码
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页标题随机显示名言JS代码</title>
<SCRIPT type=text/javascript>
//指定条目数
tips = new Array(110);
//条目内容
tips[0] = '生活是不公平的，你要去适应它。';
tips[1] = '送人玫瑰，手流余香。';
tips[2] = '我们有不同的籍贯、不同的年龄、不同的习惯、不同的经历，但有一点我们是相同的，那就是都有一颗：爱心。';
tips[3] = '锦上添花固然好,雪中送炭更可贵。';
tips[4] = '伸出您的友爱之手,让更多的孩子重返校园。';
tips[5] = '如果你陷入困境，那不是你父母的过错，不要将你理应承担的责任转嫁给他人，而要学着从中吸取教训。';
tips[6] = '爱心一片,真情永远。';
tips[7] = '聆听心声,实现愿望。';
tips[8] = '走出学校后的生活不像在学校一样有学期之分，也没有暑假之说。没有几位老板乐于帮你发现自我，你必须依靠自己去完成。';
tips[9] = '电视中的许多场景决不是真实的生活。在现实生活中，人们必须埋头做自己的工作，而非像电视里演的那样天天泡在咖啡馆里。';
tips[10] = '善待你所厌恶的人，因为说不定哪一天你就会为这样的一个人工作。';
tips[11] = '人生应该如蜡烛一样，从顶燃到底，一直都是光明的。 —— 萧楚女';
tips[12] = '人生的价值，即以其人对于当代所做的工作为尺度。 —— 徐玮';
tips[13] = '路是脚踏出来的，历史是人写出来的。人的每一步行动都在书写自己的历史。 —— 吉鸿昌';
tips[14] = '春蚕到死丝方尽，人至期颐亦不休。一息尚存须努力，留作青年好范畴。 —— 吴玉章';
tips[15] = '但愿每次回忆，对生活都不感到负疚 —— 郭小川';
tips[16] = '人的一生可能燃烧也可能腐朽，我不能腐朽，我愿意燃烧起来！ —— 奥斯特洛夫斯基';
tips[17] = '你若要喜爱你自己的价值，你就得给世界创造价值。 —— 歌德';
tips[18] = '社会犹如一条船，每个人都要有掌舵的准备。 —— 易卜生';
tips[19] = '人生不是一种享乐，而是一桩十分沉重的工作。 —— 列夫·托尔斯泰';
tips[20] = '人生的价值，并不是用时间，而是用深度去衡量的。 —— 列夫·托尔斯泰';
tips[21] = '生活只有在平淡无味的人看来才是空虚而平淡无味的。 —— 车尔尼雪夫斯基';
tips[22] = '一个人的价值，应该看他贡献什么，而不应当看他取得什么。 —— 爱因斯坦';
tips[23] = '人只有献身于社会，才能找出那短暂而有风险的生命的意义。 —— 爱因斯坦';
tips[24] = '芸芸众生，孰不爱生？爱生之极，进而爱群。 —— 秋瑾';
tips[25] = '生活真象这杯浓酒，不经三番五次的提炼呵，就不会这样可口！ —— 郭小川';
tips[26] = '充满着欢乐与斗争精神的人们，永远带着欢乐，欢迎雷霆与阳光。 —— 赫胥黎';
tips[27] = '春风吹柳,雨润大地。';
tips[28] = '为了生活中努力发挥自己的作用，热爱人生吧。 —— 罗丹';
tips[29] = '希望是附丽于存在的，有存在，便有希望，有希望，便是光明。 —— 鲁迅';
tips[30] = '沉沉的黑夜都是白天的前奏。 —— 郭小川';
tips[31] = '当一个人用工作去迎接光明，光明很快就会来照耀着他。 —— 冯学峰';
tips[32] = '东天已经到来，春天还会远吗？ —— 雪莱';
tips[33] = '过去属于死神，未来属于你自己。 —— 雪莱';
tips[34] = '世间的活动，缺点虽多，但仍是美好的。 —— 罗丹';
tips[35] = '辛勤的蜜蜂永没有时间悲哀。 —— 布莱克';
tips[36] = '希望是厄运的忠实的姐妹。 —— 普希金';
tips[37] = '当你的希望一个个落空，你也要坚定，要沉着！ —— 朗费罗';
tips[38] = '先相信你自己，然后别人才会相信你。 —— 屠格涅夫';
tips[39] = '不要慨叹生活底痛苦！---慨叹是弱者...... —— 高尔基';
tips[40] = '宿命论是那些缺乏意志力的弱者的借口。 —— 罗曼·罗兰';
tips[41] = '春回人间,真情奉献。';
tips[42] = '私心胜者，可以灭公。 —— 林逋';
tips[43] = '人人好公，则天下太平；人人营私，则天下大乱。 —— 刘鹗';
tips[44] = '自私自利之心，是立人达人之障。 —— 吕坤';
tips[45] = '如烟往事俱忘却，心底无私天地宽。 —— 陶铸';
tips[46] = '常求有利别人，不求有利自己。 —— 谢觉哉';
tips[47] = '一切利己的生活，都是非理性的，动物的生活。 —— 列夫·托尔斯泰';
tips[48] = '人的理性粉碎了迷信，而人的感情也将摧毁利己主义。 —— 海涅';
tips[49] = '无私是稀有的道德，因为从它身上是无利可图的。 —— 布莱希特';
tips[50] = '君子喻于义，小人喻于利。 —— 孔丘';
tips[51] = '不戚戚于贫贱，不汲汲于富贵。 —— 陶渊明';
tips[52] = '富贵不淫贫贱乐，男儿到此是豪雄。 —— 程颢';
tips[53] = '清贫，洁白朴素的生活，正是我们革命者能够战胜许多困难的地方！ —— 方志敏';
tips[54] = '三军可夺帅也,匹夫不可夺志也。 —— 孔丘';
tips[55] = '志不强者智不达。 —— 墨翟';
tips[56] = '燕雀安知鸿鹄之志哉！ —— 陈涉';
tips[57] = '志当存高远。 —— 诸葛亮';
tips[58] = '老骥伏枥，志在千里；烈士暮年，壮心不已。 —— 曹操';
tips[59] = '燕雀戏藩柴，安识鸿鹄游。 —— 曹植';
tips[60] = '穷且益坚，不坠青云之志。 —— 王勃';
tips[61] = '大鹏一日同风起，扶摇直上九万里。 —— 李白';
tips[62] = '古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。 —— 苏轼';
tips[63] = '生当作人杰，死亦为鬼雄，至今思项羽，不肯过江东。 —— 李清照';
tips[64] = '壮心未与年俱老，死去犹能作鬼雄。 —— 陆游';
tips[65] = '故立志者，为学之心也；为学者，立志之事也。 —— 王阳明';
tips[66] = '贫不足羞，可羞是贫而无志。 —— 吕坤';
tips[67] = '我们以人们的目的来判断人的活动。目的伟大，活动才可以说是伟大的。 —— 契诃夫';
tips[68] = '毫无理想而又优柔寡断是一种可悲的心理。 —— 培根';
tips[69] = '生活的理想，就是为了理想的生活。 —— 张闻天';
tips[70] = '人，只要有一种信念，有所追求，什么艰苦都能忍受，什么环境也都能适应。 —— 丁玲';
tips[71] = '理想的人物不仅要在物质需要的满足上，还要在精神旨趣的满足上得到表现。 —— 黑格尔';
tips[72] = '一个能思想的人，才真是一个力量无边的人。 —— 巴尔扎克';
tips[73] = '一个没有受到献身的热情所鼓舞的人，永远不会做出什么伟大的事情来。 —— 车尔尼雪夫斯基';
tips[74] = '共同的事业，共同的斗争，可以使人们产生忍受一切的力量。 —— 奥斯特洛夫斯基';
tips[75] = '我从来不把安逸和快乐看作是生活目的本身---这种伦理基础，我叫它猪栏的理想。 —— 爱因斯坦';
tips[76] = '在一个人民的国家中还要有一种推动的枢纽，这就是美德。 —— 孟德斯鸠';
tips[77] = '人不能象走兽那样活着，应该追求知识和美德。 —— 但丁';
tips[78] = '勿以恶小而为之，勿以善小而不为。惟贤惟德，能服于人。 —— 刘备';
tips[79] = '不患位之不尊，而患德之不崇；不耻禄之不伙，而耻智之不博。 —— 张衡';
tips[80] = '土扶可城墙，积德为厚地。 —— 李白';
tips[81] = '行一件好事，心中泰然；行一件歹事，衾影抱愧。 —— 神涵光';
tips[82] = '入于污泥而不染、不受资产阶级糖衣炮弹的侵蚀，是最难能可贵的革命品质。—— 周恩来';
tips[83] = '一个人最伤心的事情无过于良心的死灭。 —— 郭沫若';
tips[84] = '害羞是畏惧或害怕羞辱的情绪，这种情绪可以阻止人不去犯某些卑鄙的行为。 —— 斯宾诺莎';
tips[85] = '应该热心地致力于照道德行事，而不要空谈道德。 —— 德谟克利特';
tips[86] = '感情有着极大的鼓舞力量，因此，它是一切道德行为的重要前提。 —— 凯洛夫';
tips[87] = '没有伟大的品格，就没有伟大的人，甚至也没有伟大的艺术家，伟大的行动者。 —— 罗曼·罗兰';
tips[88] = '理智要比心灵为高，思想要比感情可靠。 —— 高尔基';
tips[89] = '顶级培训网 让我们携手一起成长 ';
tips[90] = '人类被赋予了一种工作，那就是精神的成长。 —— 列夫·托尔斯泰';
tips[91] = '人在智慧上应当是明豁的，道德上应该是清白的，身体上应该是清洁的。 —— 契诃夫';
tips[92] = '良心是由人的知识和全部生活方式来决定的。 —— 马克思';
tips[93] = '不念居安思危，戒奢以俭；斯以伐根而求木茂，塞源而欲流长也。 —— 魏徵';
tips[94] = '历览前贤国与家，成由勤俭破由奢。 —— 李商隐';
tips[95] = '把“德性”教给你们的孩子：使人幸福的是德性而非金钱。这是我的经验之谈。在患难中支持我的是道德，使我不曾自杀的，除了艺术以外也是道德。 —— 贝多芬';
tips[96] = '如果道德败坏了，趣味也必然会堕落。——狄德罗';
tips[97] = '我愿证明，凡是行为善良与高尚的人，定能因之而担当患难。 —— 贝多芬';
tips[98] = '装饰对于德行也同样是格格不入的，因为德行是灵魂的力量和生气。 —— 卢梭';
tips[99] = '我深信只有有道德的公民才能向自己的祖国致以可被接受的敬礼。 —— 卢梭';
tips[100] = '懒人图库-网页素材下载站 - 学会偷懒，并懒出境界是提高工作效率最有效的方法！';
tips[101] = '对于事实问题的健全的判断是一切德行的真正基础。 —— 夸美纽斯';
tips[102] = '德行的实现是由行为，不是由文字。 —— 夸美纽斯';
tips[103] = '霸祖孤身取二江，子孙多以百城降。豪华尽出成功后，逸乐安知与祸双？ —— 王安石';
tips[104] = '阴谋陷害别人的人，自己会首先遭到不幸。 —— 伊索';
tips[105] = '奢则妄取苟取，志气卑辱；一从俭约，则于人无求，于己无愧，是可以养气也。  —— 罗大经';
tips[106] = '侈则多欲。君子多欲则念慕富贵，枉道速祸。 —— 司马光';
tips[107] = '顶级培训网 让我们携手一起成长 ';
tips[108] = '知耻近乎勇。 —— 孔丘';
tips[109] = '辱，莫大于不知耻。 —— 王通';
tips[110] = '君子忧道不忧贫。 —— 孔丘';
index = Math.floor(Math.random() * tips.length);
window.document.title += " - "+tips[index];
</SCRIPT>
</head>
<body>
<p>请刷新查看网页的标题↑</p>
</body>
</html>
]]> http://www.javamilk.org/article.asp?id=1451 <![CDATA[JsTAB选项卡示例集合]]> blurxx@yahoo.cn(Java伴侣) Mon,25 Oct 2010 15:52:58 +0800 http://www.javamilk.org/default.asp?id=1451


Html代码
<!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>仿网易TAB标签</TITLE>  
<META http-equiv=Content-Type content="text/html; charset=gb2312">  
<STYLE type=text/css>  
BODY {  
    FONT-SIZE: 14px;  
}  
OL LI {  
    MARGIN: 8px  
}  
#con {  
    FONT-SIZE: 12px;  
    MARGIN: 0px auto;  
    WIDTH: 600px  
}  
#tags {  
    PADDING-RIGHT: 0px;  
    PADDING-LEFT: 0px;  
    PADDING-BOTTOM: 0px;  
    MARGIN: 0px 0px 0px 10px;  
    WIDTH: 400px;  
    PADDING-TOP: 0px;  
    HEIGHT: 23px  
}  
#tags LI {  
    BACKGROUND: url(http://jhxk.javaeye.com/upload/attachment/136408/f89059e8-7235-30c7-956f-6944089cd2a3.gif) no-repeat left bottom;  
    FLOAT: left;  
    MARGIN-RIGHT: 1px;  
    LIST-STYLE-TYPE: none;  
    HEIGHT: 23px  
}  
#tags LI A {  
    PADDING-RIGHT: 10px;  
    PADDING-LEFT: 10px;  
    BACKGROUND: url(http://jhxk.javaeye.com/upload/attachment/136410/bfc50a6e-4732-375e-8769-8c6ee90a5618.gif) no-repeat right bottom;  
    FLOAT: left;  
    PADDING-BOTTOM: 0px;  
    COLOR: #999;  
    LINE-HEIGHT: 23px;  
    PADDING-TOP: 0px;  
    HEIGHT: 23px;  
    TEXT-DECORATION: none  
}  
#tags LI.emptyTag {  
    BACKGROUND: none transparent scroll repeat 0% 0%;  
    WIDTH: 4px  
}  
#tags LI.selectTag {  
    BACKGROUND-POSITION: left top;  
    MARGIN-BOTTOM: -2px;  
    POSITION: relative;  
    HEIGHT: 25px  
}  
#tags LI.selectTag A {  
    BACKGROUND-POSITION: right top;  
    COLOR: #000;  
    LINE-HEIGHT: 25px;  
    HEIGHT: 25px  
}  
#tagContent {  
    BORDER-RIGHT: #aecbd4 1px solid;  
    PADDING-RIGHT: 1px;  
    BORDER-TOP: #aecbd4 1px solid;  
    PADDING-LEFT: 1px;  
    PADDING-BOTTOM: 1px;  
    BORDER-LEFT: #aecbd4 1px solid;  
    PADDING-TOP:1px;  
    BORDER-BOTTOM: #aecbd4 1px solid;  
    BACKGROUND-COLOR: #fff  
}  
.tagContent {  
    PADDING-RIGHT: 10px;  
    DISPLAY: none;  
    PADDING-LEFT: 10px;  
    BACKGROUND: url(http://jhxk.javaeye.com/upload/attachment/136408/f89059e8-7235-30c7-956f-6944089cd2a3.gif) repeat-x;  
    PADDING-BOTTOM: 10px;  
    WIDTH: 576px;  
    COLOR: #474747;  
    PADDING-TOP: 10px;  
    HEIGHT: 250px  
}  
#tagContent DIV.selectTag {  
    DISPLAY: block  
}  
</STYLE>  
</HEAD>  
<BODY>  
<DIV id=con>  
  <UL id=tags>  
    <LI><A onClick="selectTag('tagContent0',this)"    
  href="javascript:void(0)">源码爱好者</A> </LI>  
    <LI class=selectTag><A onClick="selectTag('tagContent1',this)"    
  href="javascript:void(0)">ASP源码</A> </LI>  
    <LI><A onClick="selectTag('tagContent2',this)"    
  href="javascript:void(0)">自适应宽度的标签</A> </LI>  
  </UL>  
  <DIV id=tagContent>  
    <DIV class=tagContent id=tagContent0>源码爱好者（<a href="http://www.codefans.net">CoreFans.net</a>）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。</DIV>  
    <DIV class="tagContent selectTag" id=tagContent1>这时是ASP标签的内容。</DIV>  
    <DIV class=tagContent id=tagContent2>自适应宽度的标签内容。</DIV>  
  </DIV>  
</DIV>  
<SCRIPT type=text/javascript>  
function selectTag(showContent,selfObj){  
    // 标签  
    var tag = document.getElementById("tags").getElementsByTagName("li");  
    var tagtaglength = tag.length;  
    for(i=0; i<taglength; i++){  
    tag[i].className = "";  
    }  
    selfObj.parentNode.className = "selectTag";  
    // 标签内容  
    for(i=0; j=document.getElementById("tagContent"+i); i++){  
    j.style.display = "none";  
    }  
    document.getElementById(showContent).style.display = "block";  
}  
</SCRIPT>  
</BODY>  
</HTML>  

<!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>仿网易TAB标签</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
BODY {
    FONT-SIZE: 14px;
}
OL LI {
    MARGIN: 8px
}
#con {
    FONT-SIZE: 12px;
    MARGIN: 0px auto;
    WIDTH: 600px
}
#tags {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 10px;
    WIDTH: 400px;
    PADDING-TOP: 0px;
    HEIGHT: 23px
}
#tags LI {
    BACKGROUND: url(http://jhxk.javaeye.com/upload/attachment/136408/f89059e8-7235-30c7-956f-6944089cd2a3.gif) no-repeat left bottom;
    FLOAT: left;
    MARGIN-RIGHT: 1px;
    LIST-STYLE-TYPE: none;
    HEIGHT: 23px
}
#tags LI A {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: url(http://jhxk.javaeye.com/upload/attachment/136410/bfc50a6e-4732-375e-8769-8c6ee90a5618.gif) no-repeat right bottom;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #999;
    LINE-HEIGHT: 23px;
    PADDING-TOP: 0px;
    HEIGHT: 23px;
    TEXT-DECORATION: none
}
#tags LI.emptyTag {
    BACKGROUND: none transparent scroll repeat 0% 0%;
    WIDTH: 4px
}
#tags LI.selectTag {
    BACKGROUND-POSITION: left top;
    MARGIN-BOTTOM: -2px;
    POSITION: relative;
    HEIGHT: 25px
}
#tags LI.selectTag A {
    BACKGROUND-POSITION: right top;
    COLOR: #000;
    LINE-HEIGHT: 25px;
    HEIGHT: 25px
}
#tagContent {
    BORDER-RIGHT: #aecbd4 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #aecbd4 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #aecbd4 1px solid;
    PADDING-TOP:1px;
    BORDER-BOTTOM: #aecbd4 1px solid;
    BACKGROUND-COLOR: #fff
}
.tagContent {
    PADDING-RIGHT: 10px;
    DISPLAY: none;
    PADDING-LEFT: 10px;
    BACKGROUND: url(http://jhxk.javaeye.com/upload/attachment/136408/f89059e8-7235-30c7-956f-6944089cd2a3.gif) repeat-x;
    PADDING-BOTTOM: 10px;
    WIDTH: 576px;
    COLOR: #474747;
    PADDING-TOP: 10px;
    HEIGHT: 250px
}
#tagContent DIV.selectTag {
    DISPLAY: block
}
</STYLE>
</HEAD>
<BODY>
<DIV id=con>
  <UL id=tags>
    <LI><A onClick="selectTag('tagContent0',this)"
  href="javascript:void(0)">源码爱好者</A> </LI>
    <LI class=selectTag><A onClick="selectTag('tagContent1',this)"
  href="javascript:void(0)">ASP源码</A> </LI>
    <LI><A onClick="selectTag('tagContent2',this)"
  href="javascript:void(0)">自适应宽度的标签</A> </LI>
  </UL>
  <DIV id=tagContent>
    <DIV class=tagContent id=tagContent0>源码爱好者（<a href="http://www.codefans.net">CoreFans.net</a>）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。</DIV>
    <DIV class="tagContent selectTag" id=tagContent1>这时是ASP标签的内容。</DIV>
    <DIV class=tagContent id=tagContent2>自适应宽度的标签内容。</DIV>
  </DIV>
</DIV>
<SCRIPT type=text/javascript>
function selectTag(showContent,selfObj){
    // 标签
    var tag = document.getElementById("tags").getElementsByTagName("li");
    var taglength = tag.length;
    for(i=0; i<taglength; i++){
    tag[i].className = "";
    }
    selfObj.parentNode.className = "selectTag";
    // 标签内容
    for(i=0; j=document.getElementById("tagContent"+i); i++){
    j.style.display = "none";
    }
    document.getElementById(showContent).style.display = "block";
}
</SCRIPT>
</BODY>
</HTML>

淡蓝色竖向简洁Tab

淡蓝色竖向简洁Tab，选项卡，很多人都喜欢的一种风格。

]]> http://www.javamilk.org/article.asp?id=1446 <![CDATA[ 用JS实现的文字上下滚动，并且每滚动一行停顿几秒的效果 ]]> blurxx@yahoo.cn(Java伴侣) Tue,28 Sep 2010 16:21:13 +0800 http://www.javamilk.org/default.asp?id=1446 div { font-size:12px; }
</style>
<div id="mq" style="width:100%;height:70px;overflow:hidden;border:1px solid #000000" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
轻轻的我走了，正如我轻轻的来；<br/>
我轻轻的招手，作别西天的云彩。<br/>
<br/>
那河畔的金柳，是夕阳中的新娘；<br/>
波光里的艳影，在我心头荡漾。<br/>
<br/>
</div>
<script>
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 14; //单行高度，像素
var iLineCount = 6; //实际行数
var iScrollAmount = 1; //每次滚动高度，像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()", 2000 );
} else {
window.setTimeout( "run()", 50 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
</script> ]]> http://www.javamilk.org/article.asp?id=1445 <![CDATA[js控制小写自动变成大写]]> blurxx@yahoo.cn(Java伴侣) Sun,26 Sep 2010 14:04:55 +0800 http://www.javamilk.org/default.asp?id=1445 当您在例子中的输入域中键入字符时，字符会被更改为大写（逐一地）：

<html>

<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</head>

<body>

输入您的姓名： <input type="text" id="fname" onkeyup="upperCase(this.id)" />

</body>
</html>

大小写转换

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toLowerCase()
}
</script>
</head>

<body>

输入您的姓名：

<form method="POST" action="--WEBBOT-SELF--">
    <p><textarea rows="13" id="fname"  cols="82" onkeyup="upperCase(this.id)"></textarea></p>
</form>


</body>
</html>]]> http://www.javamilk.org/article.asp?id=1404 <![CDATA[70个流行的AJAX应用的演示和源码下载]]> blurxx@yahoo.cn(Java伴侣) Tue,13 Apr 2010 15:45:18 +0800 http://www.javamilk.org/default.asp?id=1404 PS:网上看到的，好好学习下。。。。。。

Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell


AJAX - microlink pattern tutorial : A microlink is a link that opens up content below it.


Ajax BBC News RSS Reader : demo by Nigel Crawley
 

AJAX Chat in Python with Dojo : at AquaAjax

Ajax Chess : multiplayer chess

Ajax examples at BackBase : examples demonstrating several aspects of the Backbase technology.

Ajax examples at Rico : Inner HTML, JavaScript updater etc.

Ajax examples using ColdFusionMX, SQLServer, SOAP : Contact Manager, NOAA 7 Day Forecast code and demos.

Ajax Feed TV : News feed

Ajax inline dictionary : Highlight any text on this site then right click. A tooltip containing the definition of the selected word should show up.

Ajaxload : Ajax loading gif generator.

Ajax Login Demo : Creating a secure login system using XMLHttpRequest
创建加载logo的小动画

Ajax Newsletter Signup : A newsletter signup form that shows Thank You on the same page.

ajaxProject : Project Management applicaiton with rich UI

Ajax Rater : A star rating system that uses Ajax.

AJAX-S : An Ajax-based slideshow system.

AJAX Spell Checker : spell check text / form content.

Ajax Toolbox : Tools for the Ajax Developer

Amazon Catalog Tree : Amazon Catalog Tree

Amazon Zuggest : Amazon product suggestion (like google suggest)

Askeet by symfony : Digg-like AJAX interactions; open source

Backbase - Ajax Demos : Ajax demos at BackBase

Basic Ajax Examples : Ping, track changes, drop down, Google suggest hack etc at Clearnova

Behaviour : Fading lists, Sortable lists, Dropout boxen, Shaky lists

chat.app : ajax chat

Chihuahua Word Puzzle : daily word puzzles

Coloir : Ajax Slideshow

DHTML arcade/action games : a collection that demonstrate the power of DHTML

DomAPI : Windows Desktop, Outlook-like, RSS Reader

Drag and Drop Shopping Cart Demo : at CyberDummy

Easy AJAX inline text edit 2.0 : edit a piece of text inline

FileChucker : File upload and progress bar at Encodable.com

Gmail Style Check Username AJAX Demo : at CyberDummy

Google Web Toolkit Example Projects : Hello World, Dynamic Table, Desktop App Clone etc

GreyBox : Pop up window using idea of light box.

FiftyFourEleven: Ajax Examples

IntuiCat - ajax Catalogue : Ajax-based Catalogue Demo

jsLINB programming demos : LINB(Lazy INternet and Browser)

JSlog : Ajax logging tool.

JS/UIX Unix Shell : JS/UIX is an UN*X-like OS for standard web-browsers, written entirely in JavaScript.

Lace : free web chat application

Lightbox : simple, unobtrusive script used to overlay images on the current page.

Leightbox : Light Box with inline div’s instead of AJAX calls.

Live Quote Demo : Simple way of creating an updating stock quote table in ajax.

Magnetic Poetry : drag and drop poetry

Metatron Chat Engine : PHP/MySQL/JavaScript powered chat engine

Monket Calendar : online calendar

Multi List Drag Drop Demo : at CyberDummy

NetDirector : open and extensible framework for managing configurations of common open source network services.

nexImage : Image processing demo

Opera Platform : Enabling AJAX applications on mobile phones

Orbeon examples : various examples illustrating the capabilities of OPS, from the OPS Tutorial examples to XForms examples

OVO Suite : Online Virtual Office : virtual office limited demo

phpFreeChat : php Free Chat

S5: A Simple Standards-Based Slide Show System : S5 is a slide show format based entirely on XHTML, CSS, and JavaScript.

script.aculo.us Reflector : image reflector script that uses uses opacity-based fades

Slider Bar Demo : at CyberDummy

SmallestAjax : Smallest Ajax example in the world?

Spell Check demo : by Primal Grasp

Super Maryo World : Japanese game demo

Tacos : Tacos provides a library of useful Tapestry components. This application provides some examples to get you started.

theList : to-do list / bug-tracker

ThickBox : ThickBox is a Lightbox than can show html pages as well as images.

Tooltip.js : Tooltip.js is a simple class to make it possible to add tooltips to your page.

Treehouse Chat : ajax chat

Tudu Lists : open-source to-do lists

WeBoggle : Ajax Boggle

XHTML live Chat : ajax chat

YahooSearchAsYouType : Yahoo search as you type

ZK Demo : demo programs for various components

]]> http://www.javamilk.org/article.asp?id=1365 <![CDATA[Javascript 操作本地文件API? ]]> blurxx@yahoo.cn(Java伴侣) Fri,26 Feb 2010 16:58:55 +0800 http://www.javamilk.org/default.asp?id=1365
新 API 寻求让 JavaScript 操作本地文件


新闻原文：

http://arstechnica.com/open-source/news/2009/11/w3c-publishes-draft-of-new-file-api-spec.ars

引用自cnbeta的新闻：
FileReader 对象并不需要特别的权限，但出于显然的安全考虑，直接使用文件路径进行访问是不允许的，必须结合常规的 HTML file 对象，用户点击浏览之后，选择本地文件，JavaScript 再通过 DOM 引用该文件并进行操作，这个机制使得该 API 相对安全一些，因为任何本地文件的获取都需要用户的人工参与。

以下例子使用该 API 打开一个本地文件并将文件内容显示在一个 div 容器中，我们甚至可以在 div 上加上 contentEditable 属性，用户可以直接编辑文件的内容，不过，该 API 并没有提供将文件内容写回本地文件的方法，因此你编辑的内容无法保存。
复制内容到剪贴板程序代码 程序代码

<html>
<head>
<style>
#editor {
border: 1px solid black;
height: 250px;
margin: 15px;
padding: 10px;
overflow: scroll;
}
</style>
<script type="text/javascript">
function load() {
var finput = document.getElementById("data");
var editor = document.getElementById("editor");

var f = finput.files[0];

if (f) {
var r = new FileReader();
r.onload = function(e) { editor.innerHTML = e.target.result }
r.readAsText(f);
} else { editor.innerHTML = "Failed to load file" }
}

function format(c) { document.execCommand(c, false, false); }
</script>
</head>
<body>

<h3>HTML File Reader Test</h3>

<p>Select a file:
<input type="file" id="data" />
<a href="#" onclick="load()">Load</a>
</p>

<p>
<a href="#" onclick="format('bold')">Bold</a>
<a href="#" onclick="format('italic')">Italic</a>
<a href="#" onclick="format('underline')">Underline</a>
</p>

<div id="editor" contentEditable="true"></div>
</body>
</html>



注意上面我加粗的部分，这段API有两个特点：
1. 每一步都有用户参与
2. 只能读，不能写

这样设计都是出于安全的考虑，但是我需要说的是，仅仅这样做是远远不够的！

我相信出于安全考虑，在读文件的时候还会禁止读一些操作系统文件内容，或者是只允许读某些目录下的文件内容，但是黑客总能找到各种方法去把风险放大到极限。

之前就曾经出过利用html和javascript遍历目录、文件的漏洞（还有尚未公布的），也曾经出过仅利用javascript就能偷偷把文件上传到黑客网站的漏洞（已经patch的）。但是这个新的操作文件的API一出来，无疑将提供新的 attack surface。

而浏览器安全模型的一个重要思想------ 隔离， 不论是sandbox，还是别的什么技术，都会因此受到挑战。

我闭上眼睛，就想到了各种shellcode利用javascript API操作本地文件，想到了各种XSS trick，想到了clickjacking可能诱使用户错误的点击、选择文件，然后把文件偷走。。。。。。。。

当然，新的功能能够给应用带来更多的优点，我们应该鼓励创新，但是在创新的同时，一定要好好做安全，否则就会成为悲剧。今天还看到个文章，里面讲到 IE6 是有史以来造成最大、最多安全问题的软件。IE6 好吗？在当时来说当然好，但是由于当时对安全认识的不足，还是付出了很惨重的代价。

再次强调，我并非反对这个API，而是强调安全是使用的前提，在安全的基础上，才能更好的使用这个特性。
（最近有些人看我文章老是不认真看完，然后断章取义的发表一些不恰当的看法，所以我不得不多强调几次我的观点。）



--------------------------------------------------------------------------------

我这里也提供点JS操作本地文件的代码给大家参考吧。By:Idiot.CN

写入文本文件


复制内容到剪贴板程序代码 程序代码
<html>  
  <head>  
  <title>写入文本文件</title>  
  </head>  
  <body>  
  <h2>写入文本文件</h2>  
  <hr>  
  <script   language="JavaScript">    
  var   ForWriting   =   2;  
  var   strFile   =   "E:\HackNote.html";  
  var   objFSO   =   new   ActiveXObject("Scripting.FileSystemObject");  
  //   检查文件是否存在  
  if   (objFSO.FileExists(strFile)){  
        //   打开文本文件  
        var   objStream   =   objFSO.OpenTextFile(strFile,ForWriting,true,false);  
        //   写入字符串数据  
        objStream.WriteLine("1111111111");  
        objStream.WriteLine("22222222222222");  
        document.write("写入文本文件"   +   strFile   +   "成功<br>");  
        objStream.Close();     //   关闭文件  
  }  
  else  
        document.write("文本文件:   "   +   strFile   +   "不存在<br>");  
  </script>  
  </body>  
  </html>



JS写入文件内容

复制内容到剪贴板程序代码 程序代码
<SCRIPT   LANGUAGE="JavaScript">  
  <!--  
var   fso,   f;  
  fso   =   new   ActiveXObject("Scripting.FileSystemObject");  
  f   =   fso.CreateTextFile(server.mappath("hack.txt"),true) ;  
  f.WriteLine('Hacked by:Idiot.CN,\r\nTeam:http://hacknote.com');  
  f.Close();  
  //   -->  
  </SCRIPT>
  

下面的这个是我以前做的示例，忘记删了。功能是读取网页代码和本地文件。

http://hacknote.com/id.html

]]> http://www.javamilk.org/article.asp?id=1363 <![CDATA[一段关于内文广告方面的代码]]> blurxx@yahoo.cn(Java伴侣) Thu,25 Feb 2010 16:54:19 +0800 http://www.javamilk.org/default.asp?id=1363
复制内容到剪贴板程序代码 程序代码
<body>
<div id="ct">
据国外媒体报道，数字认证服务提供商VeriSign周四宣布，
为获取更多用于互联网基础设施升级的资金，计划从今年10月开始提高对.com和.net域名批量注册的费用。
</div>
<div id="mouseOnInfo" style="padding-top:100px;">

</div>
</body>
<script language="javascript">
var rendText=function(keyWordArr,textElement)
{
var text=textElement.innerHTML;
var RegexpKeyWordString="";
for (var i=0;i<keyWordArr.length;i++)
{
RegexpKeyWordString+=keyWordArr[i]+"|"
}
RegexpKeyWordString=RegexpKeyWordString.replace(/\|$/,"").replace(/\\/g,"\\\\");
var regExpObj=eval("/"+RegexpKeyWordString+"/g");
text=text.replace(regExpObj,function(a,b){return "<a href='javascript:jumpPage(\""+a+"\")' onmouseover='linkMouseover(\""+a+"\")'>"+a+"</a>";})
textElement.innerHTML=text
}

function jumpPage(txt)
{
switch(txt)
{
case "互联网":alert("互联网是垃圾。");break;
case "媒体":alert("媒体报道的很多都是假新闻。");break;
case "域名":alert("我没域名谁送我个？");break;
}
}

function linkMouseover(txt)
{
switch(txt)
{
case "互联网":document.getElementById("mouseOnInfo").innerHTML="互联网:别摸我。";break;
case "媒体":document.getElementById("mouseOnInfo").innerHTML="媒体:别摸我。";break;
case "域名":document.getElementById("mouseOnInfo").innerHTML="域名:别摸我。";break;
}
}

document.body.onload=function()
{
var WA=new Array();
WA.push("互联网");
WA.push("媒体");
WA.push("域名");
rendText(WA,document.getElementById("ct"));
}

</script>
]]> http://www.javamilk.org/article.asp?id=1362 <![CDATA[javascript文件夹选择框的两种解决方案 ]]> blurxx@yahoo.cn(Java伴侣) Thu,25 Feb 2010 13:58:09 +0800 http://www.javamilk.org/default.asp?id=1362 调用windows 的shell,但会有安全问题.

* browseFolder.js
* 该文件定义了BrowseFolder()函数，它将提供一个文件夹选择对话框
* 以供用户实现对系统文件夹选择的功能
* 文件夹选择对话框起始目录由
* Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函数
* 的strPath参数设置
* 例如：0x11--我的电脑
*   0 --桌面
*  "c:\\"--系统C盘
*
* 用如下代码把该函数应用到一个HTML文件中：
*  <script src="browseFolder.js"></script>
* 或把下面代码直接COPY到<script language="javascript">...</script>标签中；

* 特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,
* 否者会出现"没有权限"的问题.
*
* 1、设置可信任站点（例如本地的可以为：http://localhost）
* 2、其次：可信任站点安全级别自定义设置中：设置下面的选项
* "对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用"  

browserFolder.js:
复制内容到剪贴板程序代码 程序代码
/**//***
    path 要显示值的对象id
****/
function browseFolder(path) {
    try {
        var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939";  //选择框提示信息
        var Shell = new ActiveXObject("Shell.Application");
        var Folder = Shell.BrowseForFolder(0, Message, 64, 17);//起始目录为：我的电脑
  //var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为：桌面
        if (Folder != null) {
            Folder = Folder.items();  // 返回 FolderItems 对象
            Folder = Folder.item();  // 返回 Folderitem 对象
            Folder = Folder.Path;   // 返回路径
            if (Folder.charAt(Folder.length - 1) != "\\") {
                Folder = Folder + "\\";
            }
            document.getElementById(path).value = Folder;
            return Folder;
        }
    }
    catch (e) {
        alert(e.message);
    }
}

使用的时候:
复制内容到剪贴板程序代码 程序代码

<td>
   <input type="text" name="path" />
</td>
<td>
    <input type="button" onclick="browseFolder('path')" value="选择生成路径" />
</td>


2.解决方案二:
自己写一个js读取本地硬盘的选择框, 缺点是外观上较上一个差一些.
复制内容到剪贴板程序代码 程序代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table border="0" cellpadding="0" width="100%" id="tb_show">        
        <tr>
            <td width="18%">文件保存位置:</td>
            <td width="82%">
                <%--<html:file property="file" size="40"  styleClass="inputbox"/>--%>
                <input name="backDir" type="text" value ="C:\" size="100" width="500">
            </td>
        </tr>
        
        <tr>
            <td>目录位置:</td>
            <td>
                <select name="tables_drive" id="tables_drives" onchange="get_drives()" ></select>
            </td>
        </tr>
        
        <tr>    
            <td colspan="2">            
                <select name="table_folder" id="table_folder"  size="10" multiple ondblclick="get_file()"></select>
            </td>
        </tr>

        <tr>
            <td colspan="2">
                <font color="red">说明：双击列表框的一个选项，就将该文件夹下面的文件夹显示在该列表框中。第一个就是根目录</font>
            </td>
        </tr>
</table>
</body>
</html>
<script>
/**//*
*初始化，将系统所有的驱动器放入table_drives列表
*/
window.onload = new function init()
{
    var fso, s, n, e, x;
    fso = new ActiveXObject("Scripting.FileSystemObject");
    e = new Enumerator(fso.Drives);
    s = "";
    for (; !e.atEnd(); e.moveNext())
    {
      x = e.item();
      s = s + x.DriveLetter;
      s += ":";
      if (x.DriveType == 3)
         n = x.ShareName;
      else if (x.IsReady)
         n = x.VolumeName;
      else
         n = "[驱动器未就绪]";
      s +=   n + ",";
    }
    var drives = s.split(",");    
    var tableDrives = document.getElementById("tables_drives");
    for ( var i = 0; i < drives.length-1; i++ )
    {
        var option = document.createElement("OPTION");
        drives[i].split(":");
        option.value = "["+drives[i].split(":")[0]+":]"+drives[i].split(":")[1];
        option.text = "["+drives[i].split(":")[0]+":]"+drives[i].split(":")[1];
        tableDrives.add(option);
    }
}

/**//*
*tables_drives列表中选中的驱动器上所有文件夹放入table_folder列表中
*/
[code]function get_drives()
{
    var tableDrives = document.getElementById("tables_drives");
    var tableFolders = document.getElementById("table_folder");    
    for ( var i = 0; i < tableDrives.options.length; i++ )
    {        
        if ( tableDrives.options[i].selected == true )
        {
            var fso, f, fc, s;            
            var drive = tableDrives.options[i].value.split(":")[0].substring(1,tableDrives.options[i].value.split(":")[0].length);
            document.getElementById("backDir").value = drive + ":\\";
            fso = new ActiveXObject("Scripting.FileSystemObject");            
             if (fso.DriveExists(drive))
            {
                d = fso.GetDrive(drive);
                if ( d.IsReady )
                {
                    f = fso.GetFolder(d.RootFolder);
                    fc = new Enumerator(f.SubFolders);
                    s = "";
                    for (;!fc.atEnd(); fc.moveNext())
                    {
                     s += fc.item();
                     s += ",";
                    }
                    
                    var len = tableFolders.options.length;
                    while(len >= 0)
                    {
                        tableFolders.options.remove(len);
                        len--;
                    }
                    var option = document.createElement("OPTION");
                    option.value = drive + ":\\";
                    option.text = drive + ":\\";
                    tableFolders.add(option);
                    var folders = s.split(",");                                      
                    for ( j = 0; j < folders.length -1; j++)
                    {
                        option = document.createElement("OPTION");
                        option.value =  folders[j];
                        option.text = folders[j];
                        tableFolders.add(option);
                    }    
                }
                else
                {
                    alert("无法改变当前内容！")
                }                
            }
            else
            return false;  
        }        
    }
}

/**//*
*table_folder双击选项中的一个选项，就将该文件夹下面的文件夹显示在table_folder列表中。
*/
function get_file()
{
    var tableFolders = document.getElementById("table_folder");    
    var tableDrives = document.getElementById("tables_drives");
    for ( var i = 0; i < tableFolders.options.length; i++ )
    {
        if ( tableFolders.options[i].selected == true )
        {
            var fso, f, fc, s;            
            var folderpath = tableFolders.options[i].value.substring(0,tableFolders.options[i].value.length);
            if ( folderpath.charAt(folderpath.length-1) == "\\" )
            {
                document.getElementById("backDir").value = folderpath;
            }
            else
            {
                document.getElementById("backDir").value = folderpath + "\\";
            }
            
            
            fso = new ActiveXObject("Scripting.FileSystemObject");    
            f = fso.GetFolder(folderpath);
            fc = new Enumerator(f.SubFolders);
            s = "";
            for (;!fc.atEnd(); fc.moveNext())
            {
             s += fc.item();
             s += ",";
            }    
            var len = tableFolders.options.length;
            while(len >= 0)
            {
                tableFolders.options.remove(len);
                len--;
            }        
            var opt = "";            
            var opt1 = "";
            for ( j = 0; j < folderpath.split("\\").length; j++ )
            {
                var option = document.createElement("OPTION");
                opt = opt + folderpath.split("\\")[j]+"\\";
                if ( j > 0)
                {
                    opt1 = opt;
                    option.value = opt1.substring(0,opt1.length-1);
                    option.text = opt1.substring(0,opt1.length-1);
                    tableFolders.add(option);    
                }
                else
                {
                    option.value = opt;
                    option.text = opt;
                    tableFolders.add(option);                            
                }
                            
            }
            if ( tableFolders.options[0].value == tableFolders.options[1].value )
            {
                tableFolders.options.remove(1);
            }
            if ( s != "" )        
            {                
                var folders = s.split(",");                                      
                for ( j = 0; j < folders.length -1; j++)
                {
                    option = document.createElement("OPTION");
                    option.value = folders[j];
                    option.text = folders[j];
                    tableFolders.add(option);
                }    
            }                    
        }
    }
}
</script>


如果您还有好的解决方案,回帖分享一下吧.
]]> http://www.javamilk.org/article.asp?id=1353 <![CDATA[js概率出现次数计算代码]]> blurxx@yahoo.cn(Java伴侣) Fri,29 Jan 2010 14:06:23 +0800 http://www.javamilk.org/default.asp?id=1353
复制内容到剪贴板程序代码 程序代码
<script>
var a='我是大哥';
var b='我是二哥';
var c='我是三弟';
var x=Math.floor(Math.random()*10+1);//1-10之间随机数
switch(x)
{
case 1:
case 2:alert(a);break; //1和2时，弹出a，正好百分之20
case 3:
case 4:
case 5:alert(b);break;  //3、4、5时弹出b，百分之30
case 6:
case 7:
case 8:
case 9:
case 10:alert(c);break; //剩下的百分之50
}
</script>
]]>