用javascript对中文的unicode编码和反编码
<script>
function unicode(s){
var len=s.length;
var rs="";
for(var i=0;i<len;i++){
var k=s.substring(i,i+1);
rs+="&#"+s.charCodeAt(i)+";";
}
return rs;
}
function runicode(s){
var k=s.split(";");
var rs="";
for(i=0;i<k.length;i++){
var m=k.replace(/&#/,"");
rs+=String.fromCharCode(m);
}
return rs;
}
alert(unicode("我是一头猪"));//我是一头猪
alert(runicode("我是一头猪"));
</script>
图像尺寸加载后修改，以适应页面宽度
<script>
function foo(){
var k=document.all;
for(var i=0;i<k.length;i++){
if(k.tagName=="IMG"){
if(k.width>500){ //500是最大宽度
var height=Math.ceil(k.height*500/k.width);
k.height=height;
k.width="500";
}
}
}
}
</script>
<body onload="foo()">
<img src="2.jpg" border="0" width="500" height="500" />
<INPUT TYPE="BUTTON" Value="sub" onclick="foo()" />
一个倒计时功能，5分种提醒,0秒自动提交
<SCRIPT LANGUAGE="JavaScript">
<!--
var time="3600";
var atime="300"; //定义时间
var etime="0";
function count(){
setTimeout("count()",1000); //1000毫秒＝1秒加载一次计数
document.form1.rest.value=format(Math.floor(time/60))+"分:"+format(time%60)+"秒";
time--;
if(time==atime){
alert("还剩5分钟");
}
if(time==etime-1){
alert("时间到，已经自动提交");
document.form1.submit();
}
}
function format(time){
var len=time.toString().length;
for(i="0";i<2-len;i++){
time+="0";
}
return time;
}
//-->
</SCRIPT>
<form action="Save.Asp" method="post" name="form1" />
<INPUT TYPE="button" Value="开始" onClick="count()" />
<INPUT TYPE="text" NAME="rest" Value="60分:00秒" />
</form>
一个简单的计算器
<form name="form2" onClick="count(this)">
<INPUT TYPE="button" value="0" name="a">
<INPUT TYPE="button" value="1" name="a">
<INPUT TYPE="button" value="2" name="a">
<INPUT TYPE="button" value="3" name="a">
<INPUT TYPE="button" value="4" name="a">
<INPUT TYPE="button" value="5" name="a">
<INPUT TYPE="button" value="6" name="a">
<INPUT TYPE="button" value="7" name="a">
<INPUT TYPE="button" value="8" name="a">
<INPUT TYPE="button" value="9" name="a">
<INPUT TYPE="button" value="-" name="a">
<INPUT TYPE="button" value="+" name="a">
<INPUT TYPE="button" value="*" name="a">
<INPUT TYPE="text" NAME="total" readOnly>
<INPUT TYPE="button" value="计算" name="b">
<INPUT TYPE="button" value="清空" name="c">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function count(form1){
var k = event.srcElement;
if(k.tagName=="INPUT"){
if(k.name=="a"){
form1.total.value+=k.value;
}
else if(k.name=="b"){
var a=eval(form1.total.value);
alert(a);
}
else if(k.name=="c"){
form1.total.value="";
}
}
}
//-->
</SCRIPT>
获得本页面URL地址的三个JS代码
1、
<script>
function selecturl(){
z=document.body.createTextRange();
z.moveToElementText(selecturlDiv);
z.select();
}
</script>
<span onmousemove='selecturl()' id=selecturlDiv><script>document.write(location.href)</script>
2、
<script>
function copyCode(o){o.select();var js=o.createTextRange();js.execCommand("Copy");alert("复制成功！");}
document.write("<table align=center class=tableborder1 cellpadding=1 cellspacing=0><tr>");
document.write("<td width=10% nowrap class=tablebody1>本页URL地址（双击复制）：</td>");
document.write("<td class=tablebody1><textarea onfocus=this.select() style='width:100%;overflow-y:visible;'
ondblclick=copyCode(this) rows=1>");
document.write(self.location+"</textarea></td></tr></table>");
</script>
3、
<script language="javascript">
<!--
function copyToClipBoard(){
var clipBoardContent=document.location;
clipBoardContent+='\r\n';
window.clipboardData.setData("Text",clipBoardContent);
alert("耶！复制成功喽！你可以粘贴在<a target="_blank" href="http://www.indowns.com" class="wordstyle">QQ</a>消息里送给你的好朋友呀！再次感谢你对 {TheBlogTitle} 的支持哦！");
}
//-->
</script>
<script language='javascript'>
document.write("<img src=\"templates/{TemplateName}/images/db.gif\" width=\"49\" height=\"17\">");
document.write("<input size=\"60\" value=\""+document.location+"\"><input type=\"button\" value=\"推荐给朋友\" title=\"点击复
制地址到剪贴板,直接在MSN/<a target="_blank" href="http://www.indowns.com" class="wordstyle">QQ</a>上粘贴即可.\" onclick=\"copyToClipBoard()\">");
</script>
强制弹出广告页面 自动最小化代码
这个弹窗代码，效果很好，不过有点复杂！请细看！
这里涉及三个页面：
弹窗页：1.htm 放置弹窗代码的页面
中间页：2.htm 中间过度页面
弹出页：3.htm 被弹出的页面
在1.htm放入代码如下：主要是通过对话框强制弹出2.htm，大小为0,0
<script language="javascript">
focusid=setTimeout("focus();window.showModelessDialog
('2.htm','','scroll:1;status:1;help:1;toolbar=1;resizable:1;dialogWidth:0px;dialogHeight:0px')",3000)
</script>
在2.htm里放置代码如下：自动关闭对话框页面2.htm，同时弹窗3.htm
<script language="javascript">
<!--
function openWindow2(URL,Name,features) { //v2.0
window.open(URL,Name,features);}
openWindow2('3.htm','pop','resizable,height=600,width=1024,toolbar,menubar,scrollbars,location,left=0,top=0');
//-->
setTimeout('window.close();', 0);
</script>
在3.htm里放置代码：弹出后自动最小化
在body标签里加入：<body onload="min.Click()">
以下代码加入<body></body>区域
<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Minimize">
</object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Maximize">
</object>
右击鼠标弹出图片另存为对话框
<script>
function getimg() {
event.returnValue=false;
show.window.location.href=event.srcElement.src;
timer=setInterval(checkload,100)
}
function checkload(){
if(show.readyState!="complete")
{show.document.execCommand("SaveAs");
clearInterval(timer)}
}
</script>
<img src="xxx" oncontextmenu="getimg()">
<iframe src="" name=show style="width:0;height:0"></iframe>
利用一个框架保存图片，然后可以执行savaas命令
提示两次自动设首页的代码
把以下代码复制到<body></body>中间
<span id=hp style="behavior:url(#default#homepage)"></span>
<script language=javascript>
var u,i
u="http://www.webjx.com/";
var showThank=false;
try{
for(i=1;i<=2;i++)
{
if(hp.isHomePage(u))
{
break;
}
else
{
hp.setHomePage(u);
if(!hp.isHomePage(u))
{
alert("请点 '是(Y)' 以便将来更好地访问本站！");
}
else
{
showThank=true;
}
}
}
if(showThank)
{
alert("谢谢您的支持.");
}
}
catch(e){
}
finally{
}
//location.href=u;
</script>
根据内容自动调整IFrame高度
有时为了方便使用Iframe，但被潜入的页面长度不是固定的，显示滚动条不仅影响美观还对用户操作带来不便，自动调整高度可以解决这个问题。
<SCRIPT LANGUAGE="JavaScript">
function f_frameStyleResize(targObj){
var targWin = targObj.parent.document.all[targObj.name];
if(targWin != null) {
var HeightValue = targObj.document.body.scrollHeight
if(HeightValue < 600){HeightValue = 600} //不小于600
targWin.style.pixelHeight = HeightValue;
}
}
function f_iframeResize(){
bLoadComplete = true; f_frameStyleResize(self);
}
var bLoadComplete = false;
window.onload = f_iframeResize;
</SCRIPT>
注意：iframe必须要有name属性，否则无效。
每24小时弹一次窗口的网页代码
你可以建立一个ads.js,下面就是这个JS文件的代码.把这个文件调用要你需要弹出广告的网页即可
function openpopup(){
document.writeln(" <SCRIPT language=JavaScript>");
document.writeln("window.open(''<a target="_blank" href=http://www.158188.com''><a target="_blank" href=http://www.158188.com''<>http://www.158188.com''<</a>;/a>)");
document.writeln("</script\>");
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function helpor_net(){
if (get_cookie(''popped'')==''''){
openpopup()
document.cookie="popped=yes"
}
}
helpor_net()
去掉字符串前后的空格
//为String对象原型添加trim方法，去掉字符串前后的空格
String.prototype.trim = function()
{
// 用正则表达式将前后空格，用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g, "");
}
例子：
<script>
String.prototype.trim = function()
{
// 用正则表达式将前后空格，用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g, "");
}
// 有空格的字符串
var s = " leading and trailing spaces ";
// 显示 " leading and trailing spaces (35)"
window.alert(s + " (" + s.length + ")");
// 删除前后空格
s = s.trim();
// 显示"leading and trailing spaces (27)"
window.alert(s + " (" + s.length + ")");
</script>
Javascirpt时间对象的格式化
<script language="JavaScript">
Date.prototype.format = function(format) //author: meizz
{
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
(this.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)if(new RegExp("("+ k +")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length==1 ? o[k] :
("00"+ o[k]).substr((""+ o[k]).length));
return format;
}
alert(new Date().format("yyyy-MM-dd hh:mm:ss"));
</script>
JavaScript脚本实现静态网页加密
加密时：先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中。
解密时：询问密钥，然后操作同加密。
因为用了md5，个人认为没有密钥的时候是无法破解的（暴力除外）
运行代码框
<html>
<head>
<title>Web Encoder</title>
<style>
body {
font-size:12px;
line-height:12px;
background-Color:buttonface;
border-width:0px;
overflow:auto;
margin:0px;
padding:4px;
}
#t1, #t2 {
width:100%;
height:40%;
border-width:1px;
overflow:auto;
height:expression((document.body.clientHeight-100)/2);
}
input {
border-width:1px;
padding-left:10px;
padding-right:10px;
margin:4px;
}
</style>
<script>
function webEncode(){
strSource=escape(XOR(t1.value,STR.md5(p1.value)));
//strSource=t1.value;
strOut="<script>\r\nstrHTML=\"\";\r\n";
for(var i=0;i+70<strSource.length;i+=70){
strOut+="strHTML+=\""+addSlash(strSource.substring(i,i+70))+"\";\r\n";
}
strOut+="strHTML+=\""+addSlash(strSource.substring(i,strSource.length))+"\";\r\n";
strOut+=XOR+"\r\n";
//below code load the STR object
strOut+="var STR =\r\n{\r\n\thexcase : 0, \/* hex output format. 0 - lowercase; 1 - ";
strOut+="uppercase *\/\r\n\tb64pad : \"\", \/* base-64 pad character. \"=\" for ";
strOut+="strict RFC compliance *\/\r\n\tchrsz : 8, \/* bits per input character";
strOut+=". 8 - ASCII; 16 - Unicode *\/\r\n\t\r\n\tb64_hmac_md5:\r\n\t\tfunction(key, ";
strOut+="data) { return binl2b64(core_hmac_md5(key, data)); },\r\n\t\t\r\n\tb64_md5:\r\n";
strOut+="\t\tfunction(s){ return binl2b64(core_md5(str2binl(s), s.length * this.c";
strOut+="hrsz));},\r\n\t\t\r\n\tbinl2b64:\r\n\t\tfunction(binarray){\r\n\t\t var tab = \"ABCDE";
strOut+="FGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+\/\";\r\n\t\t var";
strOut+=" str = \"\";\r\n\t\t for(var i = 0; i < binarray.length * 4; i += 3)\r\n\t\t {";
strOut+="\r\n\t\t var triplet = (((binarray[i >> 2] >> 8 * ( i %4)) & 0xFF) ";
strOut+="<< 16)\r\n\t\t | (((binarray[i+1 >> 2] >> 8 * ((i+1)%4)) & ";
strOut+="0xFF) << 8 )\r\n\t\t | ((binarray[i+2 >> 2] >> 8 * ((i+2)%";
strOut+="4)) & 0xFF);\r\n\t\t for(var j = 0; j < 4; j++)\r\n\t\t {\r\n\t\t if(i ";
strOut+="* 8 + j * 6 > binarray.length * 32) str += this.b64pad;\r\n\t\t else ";
strOut+="str += tab.charAt((triplet >> 6*(3-j)) & 0x3F);\r\n\t\t }\r\n\t\t }\r\n\t\t r";
strOut+="eturn str;\r\n\t\t},\r\n\t\t\r\n\tbinl2hex:\r\n\t\tfunction(binarray){\r\n\t\t var hex_t";
strOut+="ab = this.hexcase ? \"0123456789ABCDEF\" : \"0123456789abcdef\";\r\n\t\t var ";
strOut+="str = \"\";\r\n\t\t for(var i = 0; i < binarray.length * 4; i++)\r\n\t\t {\r\n\t\t";
strOut+=" str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +\r\n\t\t";
strOut+=" hex_tab.charAt((binarray[i>>2] >> ((i%4)*8 )) & 0xF);\r\n\t\t ";
strOut+=" }\r\n\t\t return str;\r\n\t\t},\r\n\t\r\n\tbinl2str:\r\n\t\tfunction(bin){\r\n\t\t var st";
strOut+="r = \"\";\r\n\t\t var mask = (1 << this.chrsz) - 1;\r\n\t\t for(var i = 0; i <";
strOut+=" bin.length * 32; i += this.chrsz)\r\n\t\t str += String.fromCharCode((";
strOut+="bin[i>>5] >>> (i % 32)) & mask);\r\n\t\t return str;\r\n\t\t},\r\n\t\t\r\n\tbit_rol:";
strOut+="\r\n\t\tfunction(num, cnt){return (num << cnt) | (num >>> (32 - cnt));},\r\n";
strOut+="\t\t\r\n\tcore_hmac_md5:\r\n\t\tfunction(key, data){\r\n\t\t var bkey = str2binl(k";
strOut+="ey);\r\n\t\t if(bkey.length > 16) bkey = core_md5(bkey, key.length * this";
strOut+=".chrsz);\r\n\t\t\r\n\t\t var ipad = Array(16), opad = Array(16);\r\n\t\t for(var";
strOut+=" i = 0; i < 16; i++)\r\n\t\t {\r\n\t\t ipad[i] = bkey[i] ^ 0x36363636;\r\n\t\t";
strOut+=" opad[i] = bkey[i] ^ 0x5C5C5C5C;\r\n\t\t }\r\n\t\t\r\n\t\t var hash = core_md";
strOut+="5(ipad.concat(str2binl(data)), 512 + data.length * this.chrsz);\r\n\t\t r";
strOut+="eturn core_md5(opad.concat(hash), 512 + 128);\r\n\t\t},\r\n\t\t\r\n\tcore_md5:\r\n\t";
strOut+="\tfunction(x, len){\r\n\t\t \/* append padding *\/\r\n\t\t x[len >> 5] |= 0x80 ";
strOut+="<< ((len) % 32);\r\n\t\t x[(((len + 64) >>> 9) << 4) + 14] = len;\r\n\t\t\r\n\t\t";
strOut+=" var a = 1732584193;\r\n\t\t var b = -271733879;\r\n\t\t var c = -17325841";
strOut+="94;\r\n\t\t var d = 271733878;\r\n\t\t\r\n\t\t for(var i = 0; i < x.length; i +";
strOut+="= 16)\r\n\t\t {\r\n\t\t var olda = a;\r\n\t\t var oldb = b;\r\n\t\t var oldc";
strOut+=" = c;\r\n\t\t var oldd = d;\r\n\t\t\r\n\t\t a = this.md5_ff(a, b, c, d, x[i+";
strOut+=" 0], 7 , -680876936);\r\n\t\t d = this.md5_ff(d, a, b, c, x[i+ 1], 12, ";
strOut+="-389564586);\r\n\t\t c = this.md5_ff(c, d, a, b, x[i+ 2], 17, 60610581";
strOut+="9);\r\n\t\t b = this.md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);\r\n\t\t ";
strOut+=" a = this.md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);\r\n\t\t d = th";
strOut+="is.md5_ff(d, a, b, c, x[i+ 5], 12, 1200080426);\r\n\t\t c = this.md5_f";
strOut+="f(c, d, a, b, x[i+ 6], 17, -1473231341);\r\n\t\t b = this.md5_ff(b, c, ";
strOut+="d, a, x[i+ 7], 22, -45705983);\r\n\t\t a = this.md5_ff(a, b, c, d, x[i+";
strOut+=" 8], 7 , 1770035416);\r\n\t\t d = this.md5_ff(d, a, b, c, x[i+ 9], 12,";
strOut+=" -1958414417);\r\n\t\t c = this.md5_ff(c, d, a, b, x[i+10], 17, -42063)";
strOut+=";\r\n\t\t b = this.md5_ff(b, c, d, a, x[i+11], 22, -1990404162);\r\n\t\t ";
strOut+=" a = this.md5_ff(a, b, c, d, x[i+12], 7 , 1804603682);\r\n\t\t d = thi";
strOut+="s.md5_ff(d, a, b, c, x[i+13], 12, -40341101);\r\n\t\t c = this.md5_ff(c";
strOut+=", d, a, b, x[i+14], 17, -1502002290);\r\n\t\t b = this.md5_ff(b, c, d, ";
strOut+="a, x[i+15], 22, 1236535329);\r\n\t\t\r\n\t\t a = this.md5_gg(a, b, c, d, x";
strOut+="[i+ 1], 5 , -165796510);\r\n\t\t d = this.md5_gg(d, a, b, c, x[i+ 6], 9";
strOut+=" , -1069501632);\r\n\t\t c = this.md5_gg(c, d, a, b, x[i+11], 14, 6437";
strOut+="17713);\r\n\t\t b = this.md5_gg(b, c, d, a, x[i+ 0], 20, -373897302);\r\n";
strOut+="\t\t a = this.md5_gg(a, b, c, d, x[i+ 5], 5 , -701558691);\r\n\t\t d =";
strOut+=" this.md5_gg(d, a, b, c, x[i+10], 9 , 38016083);\r\n\t\t c = this.md5_";
strOut+="gg(c, d, a, b, x[i+15], 14, -660478335);\r\n\t\t b = this.md5_gg(b, c, ";
strOut+="d, a, x[i+ 4], 20, -405537848);\r\n\t\t a = this.md5_gg(a, b, c, d, x[i";
strOut+="+ 9], 5 , 568446438);\r\n\t\t d = this.md5_gg(d, a, b, c, x[i+14], 9 ,";
strOut+=" -1019803690);\r\n\t\t c = this.md5_gg(c, d, a, b, x[i+ 3], 14, -187363";
strOut+="961);\r\n\t\t b = this.md5_gg(b, c, d, a, x[i+ 8], 20, 1163531501);\r\n\t";
strOut+="\t a = this.md5_gg(a, b, c, d, x[i+13], 5 , -1444681467);\r\n\t\t d =";
strOut+=" this.md5_gg(d, a, b, c, x[i+ 2], 9 , -51403784);\r\n\t\t c = this.md5_";
strOut+="gg(c, d, a, b, x[i+ 7], 14, 1735328473);\r\n\t\t b = this.md5_gg(b, c,";
strOut+=" d, a, x[i+12], 20, -1926607734);\r\n\t\t\r\n\t\t a = this.md5_hh(a, b, c, ";
strOut+="d, x[i+ 5], 4 , -378558);\r\n\t\t d = this.md5_hh(d, a, b, c, x[i+ 8], ";
strOut+="11, -2022574463);\r\n\t\t c = this.md5_hh(c, d, a, b, x[i+11], 16, 183";
strOut+="9030562);\r\n\t\t b = this.md5_hh(b, c, d, a, x[i+14], 23, -35309556);\r";
strOut+="\n\t\t a = this.md5_hh(a, b, c, d, x[i+ 1], 4 , -1530992060);\r\n\t\t d";
strOut+=" = this.md5_hh(d, a, b, c, x[i+ 4], 11, 1272893353);\r\n\t\t c = this.";
strOut+="md5_hh(c, d, a, b, x[i+ 7], 16, -155497632);\r\n\t\t b = this.md5_hh(b,";
strOut+=" c, d, a, x[i+10], 23, -1094730640);\r\n\t\t a = this.md5_hh(a, b, c, d";
strOut+=", x[i+13], 4 , 681279174);\r\n\t\t d = this.md5_hh(d, a, b, c, x[i+ 0]";
strOut+=", 11, -358537222);\r\n\t\t c = this.md5_hh(c, d, a, b, x[i+ 3], 16, -72";
strOut+="2521979);\r\n\t\t b = this.md5_hh(b, c, d, a, x[i+ 6], 23, 76029189);\r";
strOut+="\n\t\t a = this.md5_hh(a, b, c, d, x[i+ 9], 4 , -640364487);\r\n\t\t d ";
strOut+="= this.md5_hh(d, a, b, c, x[i+12], 11, -421815835);\r\n\t\t c = this.md";
strOut+="5_hh(c, d, a, b, x[i+15], 16, 530742520);\r\n\t\t b = this.md5_hh(b, c";
strOut+=", d, a, x[i+ 2], 23, -995338651);\r\n\t\t\r\n\t\t a = this.md5_ii(a, b, c, ";
strOut+="d, x[i+ 0], 6 , -198630844);\r\n\t\t d = this.md5_ii(d, a, b, c, x[i+ 7";
strOut+="], 10, 1126891415);\r\n\t\t c = this.md5_ii(c, d, a, b, x[i+14], 15, -";
strOut+="1416354905);\r\n\t\t b = this.md5_ii(b, c, d, a, x[i+ 5], 21, -57434055";
strOut+=");\r\n\t\t a = this.md5_ii(a, b, c, d, x[i+12], 6 , 1700485571);\r\n\t\t ";
strOut+=" d = this.md5_ii(d, a, b, c, x[i+ 3], 10, -1894986606);\r\n\t\t c = th";
strOut+="is.md5_ii(c, d, a, b, x[i+10], 15, -1051523);\r\n\t\t b = this.md5_ii(b";
strOut+=", c, d, a, x[i+ 1], 21, -2054922799);\r\n\t\t a = this.md5_ii(a, b, c, ";
strOut+="d, x[i+ 8], 6 , 1873313359);\r\n\t\t d = this.md5_ii(d, a, b, c, x[i+1";
strOut+="5], 10, -30611744);\r\n\t\t c = this.md5_ii(c, d, a, b, x[i+ 6], 15, -1";
strOut+="560198380);\r\n\t\t b = this.md5_ii(b, c, d, a, x[i+13], 21, 130915164";
strOut+="9);\r\n\t\t a = this.md5_ii(a, b, c, d, x[i+ 4], 6 , -145523070);\r\n\t\t ";
strOut+=" d = this.md5_ii(d, a, b, c, x[i+11], 10, -1120210379);\r\n\t\t c = th";
strOut+="is.md5_ii(c, d, a, b, x[i+ 2], 15, 718787259);\r\n\t\t b = this.md5_ii";
strOut+="(b, c, d, a, x[i+ 9], 21, -343485551);\r\n\t\t\r\n\t\t a = this.safe_add(a,";
strOut+=" olda);\r\n\t\t b = this.safe_add(b, oldb);\r\n\t\t c = this.safe_add(c,";
strOut+=" oldc);\r\n\t\t d = this.safe_add(d, oldd);\r\n\t\t }\r\n\t\t return Array(a,";
strOut+=" b, c, d);\r\n\t\t},\r\n\t\t\r\n\thex_hmac_md5:function(key, data){ return this.b";
strOut+="inl2hex(this.core_hmac_md5(key, data)); },\r\n\t\r\n\thex_md5:function(s){re";
strOut+="turn this.binl2hex(this.core_md5(this.str2binl(s), s.length * this.chr";
strOut+="sz));},\r\n\t\r\n\tmd5:function(s){return(this.hex_md5(s));},\r\n\r\n\tmd5_cmn:fu";
strOut+="nction(q, a, b, x, s, t){return this.safe_add(this.bit_rol(this.safe_a";
strOut+="dd(this.safe_add(a, q), this.safe_add(x, t)), s),b);},\r\n\r\n\tmd5_ff:func";
strOut+="tion(a, b, c, d, x, s, t){return this.md5_cmn((b & c) | ((~b) & d), a,";
strOut+=" b, x, s, t);},\r\n\r\n\tmd5_gg:function(a, b, c, d, x, s, t){return this.m";
strOut+="d5_cmn((b & d) | (c & (~d)), a, b, x, s, t);},\r\n\r\n\tmd5_hh:function(a, ";
strOut+="b, c, d, x, s, t){return this.md5_cmn(b ^ c ^ d, a, b, x, s, t);},\r\n\r\n";
strOut+="\tmd5_ii:function(a, b, c, d, x, s, t){return this.md5_cmn(c ^ (b | (~d";
strOut+=")), a, b, x, s, t);},\r\n\r\n\tmd5_vm_test:function(){return hex_md5(\"abc\")";
strOut+=" == \"900150983cd24fb0d6963f7d28e17f72\";},\r\n\t\r\n\tsafe_add:\r\n\t\tfunction(x";
strOut+=", y){\r\n\t\t var lsw = (x & 0xFFFF) + (y & 0xFFFF);\r\n\t\t var msw = (x >>";
strOut+=" 16) + (y >> 16) + (lsw >> 16);\r\n\t\t return (msw << 16) | (lsw & 0xFFF";
strOut+="F);\r\n\t\t},\r\n\t\t\r\n\tstr2binl:\r\n\t\tfunction(str){\r\n\t\t var bin = Array();\r\n\t";
strOut+="\t var mask = (1 << this.chrsz) - 1;\r\n\t\t for(var i = 0; i < str.lengt";
strOut+="h * this.chrsz; i += this.chrsz)\r\n\t\t bin[i>>5] |= (str.charCodeAt(i";
strOut+=" \/ this.chrsz) & mask) << (i%32);\r\n\t\t return bin;\r\n\t\t},\r\n\r\n\tstr_hmac_";
strOut+="md5:function(key, data){ return binl2str(core_hmac_md5(key, data)); },";
strOut+="\r\n\r\n\tstr_md5:function(s){ return binl2str(core_md5(str2binl(s), s.leng";
strOut+="th * this.chrsz));}\r\n}\r\n";
strOut+=performPage+"\r\n";
strOut+="performPage();\r\n";
strOut+="<\/script>";
t2.value=strOut;
}
function runCode(){
win=open("about:blank");
win.document.write(t2.value);
win.document.close();
}
function addSlash(str){
return(str).replace(/\\/g,"\\\\").replace(/\//g,"\\\/").replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/\"/g,"\\\"").replace(/\'/g,"\\\'").replace(/\t/g,"\\t");
}
function XOR(strV,strPass){
var intPassLength=strPass.length;
var re="";
for(var i=0;i<strV.length;i++){
re+=String.fromCharCode(strV.charCodeAt(i)^strPass.charCodeAt(i%intPassLength));
}
return(re);
}
function performPage(strPass){
if(strPass){
document.cookie="password="+escape(strPass);
document.write(XOR(unescape(strHTML),STR.md5(strPass)));
return(false);
}
//**********如果需要自动记住密码，请将下面的注释改成<a target="_blank" href="http://www.indowns.com" class="wordstyle">代码</a>
/*
var pass=document.cookie.match(/password=([^;]+)/i);
if(pass){
pass=unescape(pass[1]);
document.write(XOR(unescape(strHTML),STR.md5(pass)));
return(false);
}
*/
//*************
strAskPass="<table cellspacing=0 cellpadding=0 width=100% height=100% align=center valign=middle><tr><td> </td><td align=center>";
strAskPass+="<b>Password:</b><input style=\"border-width:1px;\" type=password id=ps01 onkeydown=\"if(event.keyCode==13){performPage(this.value);}\">";
strAskPass+="<input style=\"border-width:1px;\" type=button onclick=\"performPage(ps01.value);\" value=Enter></td><td> </td></tr></table>";
document.write(strAskPass);
}
var STR =
{
hexcase : 0, /* hex output format. 0 - lowercase; 1 - uppercase */
b64pad : "", /* base-64 pad character. "=" for strict RFC compliance */
chrsz : 8, /* bits per input character. 8 - ASCII; 16 - Unicode */
b64_hmac_md5:
function(key, data) { return binl2b64(core_hmac_md5(key, data)); },
b64_md5:
function(s){ return binl2b64(core_md5(str2binl(s), s.length * this.chrsz));},
binl2b64:
function(binarray){
var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var str = "";
for(var i = 0; i < binarray.length * 4; i += 3)
{
var triplet = (((binarray[i >> 2] >> 8 * ( i %4)) & 0xFF) << 16)
| (((binarray[i+1 >> 2] >> 8 * ((i+1)%4)) & 0xFF) << 8 )
| ((binarray[i+2 >> 2] >> 8 * ((i+2)%4)) & 0xFF);
for(var j = 0; j < 4; j++)
{
if(i * 8 + j * 6 > binarray.length * 32) str += this.b64pad;
else str += tab.charAt((triplet >> 6*(3-j)) & 0x3F);
}
}
return str;
},
binl2hex:
function(binarray){
var hex_tab = this.hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
var str = "";
for(var i = 0; i < binarray.length * 4; i++)
{
str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +
hex_tab.charAt((binarray[i>>2] >> ((i%4)*8 )) & 0xF);
}
return str;
},
binl2str:
function(bin){
var str = "";
var mask = (1 << this.chrsz) - 1;
for(var i = 0; i < bin.length * 32; i += this.chrsz)
str += String.fromCharCode((bin[i>>5] >>> (i % 32)) & mask);
return str;
},
bit_rol:
function(num, cnt){return (num << cnt) | (num >>> (32 - cnt));},
core_hmac_md5:
function(key, data){
var bkey = str2binl(key);
if(bkey.length > 16) bkey = core_md5(bkey, key.length * this.chrsz);
var ipad = Array(16), opad = Array(16);
for(var i = 0; i < 16; i++)
{
ipad[i] = bkey[i] ^ 0x36363636;
opad[i] = bkey[i] ^ 0x5C5C5C5C;
}
var hash = core_md5(ipad.concat(str2binl(data)), 512 + data.length * this.chrsz);
return core_md5(opad.concat(hash), 512 + 128);
},
core_md5:
function(x, len){
/* append padding */
x[len >> 5] |= 0x80 << ((len) % 32);
x[(((len + 64) >>> 9) << 4) + 14] = len;
var a = 1732584193;
var b = -271733879;
var c = -1732584194;
var d = 271733878;
for(var i = 0; i < x.length; i += 16)
{
var olda = a;
var oldb = b;
var oldc = c;
var oldd = d;
a = this.md5_ff(a, b, c, d, x[i+ 0], 7 , -680876936);
d = this.md5_ff(d, a, b, c, x[i+ 1], 12, -389564586);
c = this.md5_ff(c, d, a, b, x[i+ 2], 17, 606105819);
b = this.md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);
a = this.md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);
d = this.md5_ff(d, a, b, c, x[i+ 5], 12, 1200080426);
c = this.md5_ff(c, d, a, b, x[i+ 6], 17, -1473231341);
b = this.md5_ff(b, c, d, a, x[i+ 7], 22, -45705983);
a = this.md5_ff(a, b, c, d, x[i+ 8], 7 , 1770035416);
d = this.md5_ff(d, a, b, c, x[i+ 9], 12, -1958414417);
c = this.md5_ff(c, d, a, b, x[i+10], 17, -42063);
b = this.md5_ff(b, c, d, a, x[i+11], 22, -1990404162);
a = this.md5_ff(a, b, c, d, x[i+12], 7 , 1804603682);
d = this.md5_ff(d, a, b, c, x[i+13], 12, -40341101);
c = this.md5_ff(c, d, a, b, x[i+14], 17, -1502002290);
b = this.md5_ff(b, c, d, a, x[i+15], 22, 1236535329);
a = this.md5_gg(a, b, c, d, x[i+ 1], 5 , -165796510);
d = this.md5_gg(d, a, b, c, x[i+ 6], 9 , -1069501632);
c = this.md5_gg(c, d, a, b, x[i+11], 14, 643717713);
b = this.md5_gg(b, c, d, a, x[i+ 0], 20, -373897302);
a = this.md5_gg(a, b, c, d, x[i+ 5], 5 , -701558691);
d = this.md5_gg(d, a, b, c, x[i+10], 9 , 38016083);
c = this.md5_gg(c, d, a, b, x[i+15], 14, -660478335);
b = this.md5_gg(b, c, d, a, x[i+ 4], 20, -405537848);
a = this.md5_gg(a, b, c, d, x[i+ 9], 5 , 568446438);
d = this.md5_gg(d, a, b, c, x[i+14], 9 , -1019803690);
c = this.md5_gg(c, d, a, b, x[i+ 3], 14, -187363961);
b = this.md5_gg(b, c, d, a, x[i+ 8], 20, 1163531501);
a = this.md5_gg(a, b, c, d, x[i+13], 5 , -1444681467);
d = this.md5_gg(d, a, b, c, x[i+ 2], 9 , -51403784);
c = this.md5_gg(c, d, a, b, x[i+ 7], 14, 1735328473);
b = this.md5_gg(b, c, d, a, x[i+12], 20, -1926607734);
a = this.md5_hh(a, b, c, d, x[i+ 5], 4 , -378558);
d = this.md5_hh(d, a, b, c, x[i+ 8], 11, -2022574463);
c = this.md5_hh(c, d, a, b, x[i+11], 16, 1839030562);
b = this.md5_hh(b, c, d, a, x[i+14], 23, -35309556);
a = this.md5_hh(a, b, c, d, x[i+ 1], 4 , -1530992060);
d = this.md5_hh(d, a, b, c, x[i+ 4], 11, 1272893353);
c = this.md5_hh(c, d, a, b, x[i+ 7], 16, -155497632);
b = this.md5_hh(b, c, d, a, x[i+10], 23, -1094730640);
a = this.md5_hh(a, b, c, d, x[i+13], 4 , 681279174);
d = this.md5_hh(d, a, b, c, x[i+ 0], 11, -358537222);
c = this.md5_hh(c, d, a, b, x[i+ 3], 16, -722521979);
b = this.md5_hh(b, c, d, a, x[i+ 6], 23, 76029189);
a = this.md5_hh(a, b, c, d, x[i+ 9], 4 , -640364487);
d = this.md5_hh(d, a, b, c, x[i+12], 11, -421815835);
c = this.md5_hh(c, d, a, b, x[i+15], 16, 530742520);
b = this.md5_hh(b, c, d, a, x[i+ 2], 23, -995338651);
a = this.md5_ii(a, b, c, d, x[i+ 0], 6 , -198630844);
d = this.md5_ii(d, a, b, c, x[i+ 7], 10, 1126891415);
c = this.md5_ii(c, d, a, b, x[i+14], 15, -1416354905);
b = this.md5_ii(b, c, d, a, x[i+ 5], 21, -57434055);
a = this.md5_ii(a, b, c, d, x[i+12], 6 , 1700485571);
d = this.md5_ii(d, a, b, c, x[i+ 3], 10, -1894986606);
c = this.md5_ii(c, d, a, b, x[i+10], 15, -1051523);
b = this.md5_ii(b, c, d, a, x[i+ 1], 21, -2054922799);
a = this.md5_ii(a, b, c, d, x[i+ 8], 6 , 1873313359);
d = this.md5_ii(d, a, b, c, x[i+15], 10, -30611744);
c = this.md5_ii(c, d, a, b, x[i+ 6], 15, -1560198380);
b = this.md5_ii(b, c, d, a, x[i+13], 21, 1309151649);
a = this.md5_ii(a, b, c, d, x[i+ 4], 6 , -145523070);
d = this.md5_ii(d, a, b, c, x[i+11], 10, -1120210379);
c = this.md5_ii(c, d, a, b, x[i+ 2], 15, 718787259);
b = this.md5_ii(b, c, d, a, x[i+ 9], 21, -343485551);
a = this.safe_add(a, olda);
b = this.safe_add(b, oldb);
c = this.safe_add(c, oldc);
d = this.safe_add(d, oldd);
}
return Array(a, b, c, d);
},
hex_hmac_md5:function(key, data){ return this.binl2hex(this.core_hmac_md5(key, data)); },
hex_md5:function(s){return this.binl2hex(this.core_md5(this.str2binl(s), s.length * this.chrsz));},
md5:function(s){return(this.hex_md5(s));},
md5_cmn:function(q, a, b, x, s, t){return this.safe_add(this.bit_rol(this.safe_add(this.safe_add(a, q), this.safe_add(x, t)), s),b);},
md5_ff:function(a, b, c, d, x, s, t){return this.md5_cmn((b & c) | ((~b) & d), a, b, x, s, t);},
md5_gg:function(a, b, c, d, x, s, t){return this.md5_cmn((b & d) | (c & (~d)), a, b, x, s, t);},
md5_hh:function(a, b, c, d, x, s, t){return this.md5_cmn(b ^ c ^ d, a, b, x, s, t);},
md5_ii:function(a, b, c, d, x, s, t){return this.md5_cmn(c ^ (b | (~d)), a, b, x, s, t);},
md5_vm_test:function(){return hex_md5("abc") == "900150983cd24fb0d6963f7d28e17f72";},
safe_add:
function(x, y){
var lsw = (x & 0xFFFF) + (y & 0xFFFF);
var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
return (msw << 16) | (lsw & 0xFFFF);
},
str2binl:
function(str){
var bin = Array();
var mask = (1 << this.chrsz) - 1;
for(var i = 0; i < str.length * this.chrsz; i += this.chrsz)
bin[i>>5] |= (str.charCodeAt(i / this.chrsz) & mask) << (i%32);
return bin;
},
str_hmac_md5:function(key, data){ return binl2str(core_hmac_md5(key, data)); },
str_md5:function(s){ return binl2str(core_md5(str2binl(s), s.length * this.chrsz));}
}
</script>
</head>
<body>
<b>Source:</b><br>
<textarea id=t1></textarea><br>
<b>Password:</b><input type=password value=default id=p1><input type=button onclick="webEncode();" value="Start Encode"><br>
<b>Encoded:</b><br>
<textarea id=t2></textarea><br>
<input type=button onclick="runCode();" value="Run Code">
</body>
</html>
网页制作奇思妙想 表格也加滚动条
<html>
<head>
<title>My table</title>
<style>
.table0 {
height:90%;
}
.table0 caption{
width:100%;
height:26px;
line-height:26px;
font-size:20px;
font-color:black;
font-weight:900;
letter-spacing:5px;
}
.table0 thead td {
text-align:center;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:14px;
font-color:black;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
border:#555 1px solid;
margin:0px;
}
.table0 tfoot td{
text-align:left;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:12px;
font-color:black;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
padding-right:12px;
border:#555 1px solid;
}
.table0 tbody td {
width:100%;
height:auto;
border:#555 1px solid;
padding:0px;
margin:0px;
}
.table1 tbody td {
text-align:left;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:14px;
font-color:#444;
font-weight:normal;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
padding-right:12px;
border-right:#555 1px solid;
border-bottom:#555 1px solid;
overflow:hidden;
text-overflow:ellipsis;
word-break:keep-all;
word-wrap:normal;
}
</style>
<script>
function init(){
theT=createTable("我的收藏夹",["Group:150","Name:300","URL:200","Visited:100","Modify:100","Delete:100"]);
//参数说明:createTable(strCaption,colHeads)
//strCaption 标题
//colHeads 是一个array,每个item的格式是 名称:宽度 的字符串
for(var i=0;i<40;i++){
theR=theT.insertRow();
for(var j=0;j<7;j++){
theC=theR.insertCell();
theC.innerText=j;
}
}
}
function createTable(strCaption,colHeads){
//参数说明:colHeads 是一个array,每个item的格式是 名称:宽度 的字符串
//生成表格
oTable=document.createElement("table");
document.body.insertBefore(oTable);
//设置class
oTable.className="table0";
with(oTable.style){
tableLayout="fixed";
borderCollapse="collapse"
borderSpacing="0px";
}
//设置变量
oTCaption=oTable.createCaption();
oTHead=oTable.createTHead();
oTFoot=oTable.createTFoot();
//生成标题
oTCaption.innerText=strCaption;
//设置列宽
oTHead.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadName=colHeads[i].split(":")[0];
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTHead.rows[0].insertCell();
theCell.style.width=tHeadWidth;
}
theCell=oTHead.rows[0].insertCell();
theCell.width=20;
oTHead.rows[0].style.display="none";
//生成表头
oTHead.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadName=colHeads[i].split(":")[0];
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTHead.rows[1].insertCell();
theCell.innerText=tHeadName;
theCell.style.width=tHeadWidth;
}
theCell=oTHead.rows[1].insertCell();
theCell.width=24;
//生成表脚
oTFoot.insertRow();
theCell=oTFoot.rows[0].insertCell();
theCell.innerHTML="<marquee scrollDelay=50 scrollAmount=2>Copy rights 2005. Hutia presents.</marquee>";
theCell=oTFoot.rows[0].insertCell();
theCell.colSpan=colHeads.length-1;
theCell=oTFoot.rows[0].insertCell();
theCell.width=20;
//生成主体
oTable.all.tags("Tbody")[0].insertRow();
theCell=oTable.all.tags("Tbody")[0].rows[0].insertCell();
theCell.colSpan=colHeads.length+1;
oMain=document.createElement("DIV");
theCell.insertBefore(oMain);
with(oMain.style){
width="100%";
height="100%";
overflowY="auto";
overflowX="hidden";
margin="0px";
marginLeft="-1px";
}
oTBody=document.createElement("table");
oMain.insertBefore(oTBody);
oTable.oTBody=oTBody;
//禁止选择
oTCaption.onselectstart=oTHead.onselectstart=oTFoot.onselectstart=function(){return(false);}
//设置class
oTBody.className="table1";
with(oTBody.style){
width=oTable.offsetWidth-15;
tableLayout="fixed";
borderCollapse="collapse"
borderSpacing="0px";
padding="0px";
margin="0px";
}
//初始化列宽
oTBody.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTBody.rows[0].insertCell();
theCell.style.width=tHeadWidth;
}
oTBody.rows[0].style.display="none";
return(oTBody);
}
function insertRow(){
var intL=oTBody.rows.length;
theRow=oTBody.insertRow();
theRow.index=intL;
theRow.onmouseover=rowOnMouseOver;
theRow.onmouseout=rowOnMouseOut;
theRow.onclick=rowOnClick;
for(var i=0;i<colHeads.length;i++){
theCell=theRow.insertCell();
theCell.tabIndex=0;
theCell.hideFocus=true;
theCell.colIndex=i;
theCell.onmouseover=function(){this.focus();};
theCell.onmouseout=cellOnBlur;
theCell.onfocus=cellOnFocus;
theCell.onblur=cellOnBlur;
}
theRow.cells[0].innerText=strGroup?strGroup:"ROOT";
theRow.cells[1].innerText=strName?strName:"Untitled Document.";
theRow.cells[2].innerText=strURL?strURL:"Unspecified URL";
theRow.cells[3].innerHTML=strVisited?"Yes".fontcolor("red"):"Unknow";
theRow.cells[4].innerHTML=strModify?"Yes".fontcolor("red"):"No".fontcolor("Green");
theRow.cells[5].innerHTML="Delete".fontcolor("red");
}
</script>
</head>
<body onload="init();">
</body>
</html>
修改部分代码，再按运行]
用JavaScript封装的导航菜单
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Phenix PanelBar</title>
<script language="javascript">
/*--------------------------------------------------|
| Phenix PanelBar | www.seu.edu.cn |
|---------------------------------------------------|
| |
| I believe one day I can fly like phenix! |
| |
| Finished: 17.11.2004 |
|--------------------------------------------------*/
//item object
//alert("arrived here");
function PhenItem(id,pid,label,url,type,img,over,img2,over2,title,target){
this.id=id;
this.pid=pid;
this.label=label;
this.url=url;
this.title=title;
this.target=target;
this.img=img;
this.over=over;
this.img2=img2;
this.over2=over2;
this.type=type;
//this._ih = false; //is it the head item?
this._hc = false; //has the child item?
this._ls = false; //has sibling item?
this._io = false; //whether the panelbar is open?
};
//menu object
function PhenMenu(objName) {
this.config = {
closeSameLevel : true
};
//alert("asdsdf");
this.obj = objName;
this.items = [];
this.root = new PhenItem(-1);
};
//add a new item to the item array
PhenMenu.prototype.add = function(id,pid,label,url,type,img,over,img2,over2,title,target){
this.items[this.items.length] = new PhenItem(id,pid,label,url,type,img,over,img2,over2,title,target);
};
// Outputs the menu to the page
PhenMenu.prototype.toString = function() {
//alert("arrived here");
var str = '<div>\n';
if (document.getElementById) {
str += this.addItem(this.root);
} else str += 'Browser not supported.';
str += '\n</div>';
//alert(str);
//document.write(str);
//alert(this.items[0]._hc);
return str;
};
// Creates the menu structure
PhenMenu.prototype.addItem = function(pItem) {
var str = '';
//var n=0;
for (var n=0; n<this.items.length; n++) {
if(this.items[n].pid == pItem.id){
var ci = this.items[n];
//alert(ci.pid);
//alert(ci.id);
this.setHS(ci);
//alert("item:"+ci._hc);
//alert(ci._ls);
str += this.itemCreate(ci, n);
if(ci._ls) break;
}
}
return str;
};
// Creates the node icon, url and text
PhenMenu.prototype.itemCreate = function(pItem, itemId) {
//alert(pItem.type.toLowerCase());
var str = '';
if(pItem.type == 'header')
str = '<table width="100%" class="header" valign="middle" onmouseover="this.className=\'headerSelected\'" onmouseout="this.className=\'header\'" onclick="'+this.obj+'.o('+itemId+')"><tr><td>';
else
str = '<table width="100%" class="item" valign="middle" onmouseover="this.className=\'itemOver\'" onmouseout="this.className=\'item\'" onclick="'+this.obj+'.o('+itemId+')"><tr><td>';
if (pItem.img) {
str += ' <img id="i' + this.obj + itemId + '" src="' + pItem.img + '" alt="" />';
}
if (pItem.url) {
str += '<a id="s' + this.obj + itemId + '" class="navigation_item" href="' + pItem.url + '"';
if (pItem.title) str += ' title="' + pItem.title + '"';
if (pItem.target) str += ' target="' + pItem.target + '"';
str += ' onmouseover="window.status=\'' + pItem.label + '\';return true;" onmouseout="window.status=\'\';return true;"';
str += '>';
}
str += ' ' + pItem.label;
if (pItem.url) str += '</a>';
str += '</td></tr></table>';
//alert(pItem.url);
//alert(str);
if (pItem._hc) {
str += '<table id="ct' + this.obj + itemId + '" width="100%" style="display:' + ((pItem._io) ? 'block' : 'none') + '; FILTER: blendTrans(Duration=3.0); VISIBILITY: hidden"><tr><td>';
str += this.addItem(pItem);
str += '</td></tr></table>';
//alert(str);
//document.write(str);
}
return str;
};
// Checks whether a item has child and if it is the last sibling
PhenMenu.prototype.setHS = function(pItem) {
var lastId;
for (var n=0; n<this.items.length; n++) {
if (this.items[n].pid == pItem.id) pItem._hc = true;
if (this.items[n].pid == pItem.pid) lastId = this.items[n].id;
}
if (lastId==pItem.id) pItem._ls = true;
};
// Toggle Open or close
PhenMenu.prototype.o = function(id) {
//alert(this.items.length);
var ci = this.items[id];
//alert(ci);
//this.setHS(ci);
//alert(this.items[id]._hc);
this.itemStatus(!ci._io, id);
ci._io = !ci._io;
if (this.config.closeSameLevel) this.closeLevel(ci);
};
// Change the status of a item(open or closed)
PhenMenu.prototype.itemStatus = function(status, id) {
cTable = document.getElementById('ct' + this.obj + id);
if(status){
cTable.filters.item(0).Apply();
cTable.style.display = 'block';
cTable.style.visibility = "";
cTable.filters.item(0).Play();
}
else
cTable.style.display = 'none';
//cDiv.style.display = (status) ? 'block': 'none';
};
// Closes all items on the same level as certain item
PhenMenu.prototype.closeLevel = function(pItem) {
//alert(this.items[0]._hc);
for (var n=0; n<this.items.length; n++) {
//alert(this.items[n]._hc);
if ((this.items[n].pid == pItem.pid) && (this.items[n].id != pItem.id) && this.items[n]._hc) {
this.itemStatus(false, n);
this.items[n]._io = false;
this.closeAllChildren(this.items[n]);
}
}
};
PhenMenu.prototype.closeAllChildren = function(pItem) {
for (var n=0; n<this.items.length; n++) {
if (this.items[n].pid == pItem.id && this.items[n]._hc) {
if (this.items[n]._io) this.itemStatus(false, n);
this.items[n]._io = false;
this.closeAllChildren(this.items[n]);
}
}
};
</script>
<style>
.header {
height:25px;
FONT-FAMILY: Arial,Verdana;
background-image:url(images/sideNavCategoryBg.gif);
font-size:11px;
color: #666666;
}
.headerSelected {
height:25px;
FONT-FAMILY: Arial,Verdana;
background-image:url(images/sideNavCategorySelectedBg.gif);
font-size:11px;
background-repeat:repeat-x;
COLOR: #333333;
CURSOR: pointer;
}
.navigation_item {
PADDING-LEFT: 20px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #000000; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; TEXT-DECORATION: none
}
.item {
PADDING-LEFT: 2px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #000000; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px;
}
.itemOver {
PADDING-LEFT: 2px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #333333; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; font-weight:bold; background-color:#EDEDED
}
.itemSelected {
PADDING-LEFT: 20px; FONT-SIZE: 11px; CURSOR: pointer; COLOR: #000000; FONT-FAMILY: Arial,Verdana; HEIGHT: 20px; TEXT-DECORATION: underline;
}
A.headerSelected {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 10px
}
</style>
</head>
<body>
<table width="221" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<p>Phenix panelbar</p>
<script type="text/javascript">
p = new PhenMenu('p');
//alert("asds");
p.add(0,-1,'label1凤凰','','header','/Learning/UploadFiles_9072/200608/20060816175420628.gif');
p.add(1,0,'label1.1凤凰','www.sina.com.cn');
p.add(2,0,'label1.2','www.sina.com.cn');
p.add(3,0,'label1.3','www.sina.com.cn');
p.add(4,0,'label1.4','www.sina.com.cn');
p.add(5,-1,'label2','','header','/Learning/UploadFiles_9072/200608/20060816175427675.gif');
p.add(6,5,'label2.1','www.seu.edu.cn');
p.add(7,5,'label2.2','www.seu.edu.cn');
p.add(8,5,'label2.3','www.seu.edu.cn');
p.add(9,5,'label2.4','www.seu.edu.cn');
p.add(10,-1,'label3','','header','/Learning/UploadFiles_9072/200608/20060816175427987.gif');
p.add(11,10,'label3.1','www.seu.edu.cn');
p.add(12,10,'label3.2','www.seu.edu.cn');
p.add(13,10,'label3.3','www.seu.edu.cn');
p.add(14,10,'label3.4','www.seu.edu.cn');
p.add(15,-1,'label4','','header','/Learning/UploadFiles_9072/200608/20060816175428471.gif');
p.add(16,15,'label4.1','www.seu.edu.cn');
p.add(17,15,'label4.2','www.seu.edu.cn');
p.add(18,15,'label4.3','www.seu.edu.cn');
p.add(19,15,'label4.4','www.seu.edu.cn');
//alert(p.items.length)
document.write(p);
//p.toString();
//alert(p.items.length);
//delete(p);
</script> </td>
</tr>
</table>
</body>
</html>
