打印

整理一下我2003年乱写的脚本

LeXRus [楼主]

没壳的小龟

荣誉管理团队

帖子: 5367
体力: 13464
威望: 61
当前: 上海虹口
离线: 335 天

1^# 大中小发表于 2004-1-1 00:21

1. xml tabs. 本地的东西, 所以没有写异步

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>LeXRus' TabX</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
<script>
function attachTabStyle(obj){
	with(obj){
		onmouseover=function(){
			with(this.style){
				if(this.className=='tab'){
					bgColor='#eeeeee';
					color='black';
				}
			}
		}
		onmouseout=function(){
			with(this.style){
				if(this.className=='tab'){
					backgroundColor='';
					color='';
				}
			}
		}
		onmousedown=function(){
			with(this.style){
				if(this.className=='tab'){
					backgroundColor='#bbccdd';
					color='white';
					fontWeight='normal';
				}
			}
		}
		onmouseup=function(){
			with(this.style){
				if(this.className=='tab'){
					backgroundColor='';
					color='';
					fontWeight='';
				}
			}
		}
		onselectstart=function(){
			return false;
		}
		oncontextmenu=function(){
			return false;
		}
	}
}
function attachTabAction(obj){
	with(obj){
		onclick=function(){
			if(this.className!='tabon'){
				this.className='tabon';
				var tabs=document.getElementById('tabsBox').getElementsByTagName('td');
				for(var i=0;i<tabs.length;i++){
					document.getElementById('ln'+(i+1)).bgColor='';
					if(this==tabs[i]){
						document.getElementById('ln'+(i+1)).bgColor='#eeeeee';
						var tabnow=i;
					}
					tabs[i].className='tab';
				}
				this.className='tabon';
				document.getElementById('tabcontent').innerHTML=contentary[tabnow];
			}
		}
	}
}
</script>
</head>
<body>
<script language="JavaScript" type="text/JavaScript" src="hint.js"></script>
<center><br>
<b>LeXRus' TabX V.0.7B</b>
<br>
<br>
<xml id="xmltabs">
<?xml version="1.0" encoding="UTF-8"?>
<tabx>
	<tabs name="Stock quotes" default='1'>
		<tab caption="Yahoo" hint="ha">
			<xhtml>
				<form action="http://finance.lycos.com/qc/stocks/quotes.aspx" method="get" target="blank">
					Stock code: <input value="SINA" name="symbols"/>
					<input type="submit" value="Submit"/>
				</form>
			</xhtml>
			</tab>
		<tab caption="tab1" hint="haha">
			<xhtml>
				<b>You clicked the tab1</b><br/>
				here is the content of it
			</xhtml>
			</tab>
		<tab caption="tab2" hint="hahaha">
			<xhtml>
				<b>You clicked the tab2</b><br/>
				here is the content of it
			</xhtml>
			</tab>
		<tab caption="tab3" hint="hahahaha">
			<xhtml>
				<b>You clicked the tab3</b><br/>
				here is the content of it
			</xhtml>
			</tab>
	</tabs>
	<tabs name="Dating">
		<tab caption="Yahoo" hint="ha">
			<xhtml>
				<b>You clicked the tab1</b>
			</xhtml>
			</tab>
		<tab caption="tab1" hint="haha">
			<xhtml>
				<b>You clicked the tab1</b>
			</xhtml>
			</tab>
		<tab caption="tab2" hint="hahaha">
			<xhtml>
				<b>You clicked the tab1</b>
			</xhtml>
			</tab>
	</tabs>
</tabx>
</xml>
<script>
try{
var x=new ActiveXObject('Msxml.DOMDocument');
with(x)with(document){
	async=false;
	loadXML(xmltabs.xml);
	var s='';
	s='<table width="200"  border="0" cellspacing="0" cellpadding="0"><tr><td><table width="100%"  border="0" cellpadding="0" cellspacing="0" style="background-Color:buttonhighlight"><tr id="tabsBox">';
	var tabs=selectSingleNode('//*[@name="Stock quotes"]').childNodes;
	for(var i=0;i<tabs.length;i++){
		with(tabs[i])
		s+='<td class="tab" hint="'+getAttribute('hint')+'">'+getAttribute('caption')+'</td>';
	}
	s+='</tr><tr height="1">';
	for(var i=1;i<=tabs.length;i++){
		s+='<td id="ln'+i+'" align="right">'+(i==tabs.length?'<table cellpadding="0" cellspacing="0" border="0" width="1"><tr height="1"><td width="1" style="background-Color:buttonshadow"></td></tr></table>':'')+'</td>';
	}
	s+='</tr></table></td></tr><tr><td height="100" class="tabcontent" id="tabcontent">&nbsp;</td></tr></table>';
	write(s);
	var contentary=new Array();
	for(var i=0;i<tabs.length;i++){
		contentary=contentary.concat(tabs[i].childNodes[0].xml.toString());
	}
	var defaultSelected=parseInt(selectSingleNode('//*[@name="Stock quotes"]').getAttribute('default'));
}x=null;
}catch(e){document.write('Tabx N/A')}
</script>
<script>
var tabs=document.getElementById('tabsBox').getElementsByTagName('td');
for(var i=0;i<tabs.length;i++){
	with(tabs[i]){
		attachTabStyle(tabs[i]);
		attachTabAction(tabs[i]);
		
	}
}
tabs[defaultSelected-1].click();
</script>
</center>
</body>
</html>

提示：您可以先修改部分代码再运行

2. cook

<script>
Array.prototype.unique=function(t,c){
	try{with(this) return !t ?
		join(c!=null?c:',').match(/([^,]+)(?!.*\1)/ig):
		reverse().
			join(c!=null?c:',').match(/([^,]+)(?!.*\1)/ig).
		reverse();
	}
	catch(e){return false}
}
Array.prototype.format=function(o,e){
	for(var i=0;i<this.length;i++)
		eval("this["+i+"]="+e.replace(new RegExp(o,'ig'),"this["+i+"]"));
	return this;
}
function var2cok(n,v,h){with(document){
    e=h!=null?"; expires="
	+new Date(new Date().getTime()+h*3600000).toGMTString():'';
	document.cookie=n+'='+escape(v)+e;
}}
function cok2var(n){
	var r=new RegExp(n+"\=[^\;]+","igm");
	with(document.cookie)
	try{
		return unescape(match(r)[0].split('=')[1]);
	}
	catch(e){
		return '';
	}
}
function abandon(n){
	var2cok(n,'');
}
</script>

<script>
function save(){
	var newkeywords=input0.innerHTML;
	for (var i=0;i<keywords.length;i++){
			eval("newkeywords+=','+input"+i+(selectedIndex==i?".value":".innerHTML"));
	}
	var2cok("keywords",newkeywords);
	newkeywords=null;
}
function append(w){
	var2cok("keywords",[w].concat(keywords).unique(1).join(','));
}
</script>

<script>
var keywords=[];
if(cok2var('keywords')==''){
	var2cok("keywords","LeX,Rus,XR,:),:D");
	keywords=cok2var('keywords').split(',');
}
else with(cok2var('keywords'))keywords=match(/,/ig)?split(',').unique(1):unique(1);
var selectedIndex=parseInt(cok2var('ItemIndex'));
</script>

<script>
function databinding(headers,field,edit,remove,action){
	try{
	if(keywords.length>0){
		var headerth=headers!=null?new Array(
			headers.format('title',"'<th>'+title+'</th>'").join('')
		):[];
	var newAry=[];
		if(edit!=null)headerth[0]+='<th>'+edit+'</th>';
		if(remove!=null)headerth[0]+='<th>'+remove+'</th>';
		if(action!=null)headerth[0]+='<th>'+action+'</th>';
		for(var i=0;i<keywords.length;i++){
			newAry=newAry.concat(
				new Array([
					(i+1).toString(),
					(selectedIndex==i?'<input id=input'+i+' value="':'<span id=input'+i+' />')+
						unescape(keywords[i])+
					(selectedIndex==i?'" />':'</span>')
					].format('dd',"'<td>'+dd+'</td>'").join(''))
			);
			if(edit!=null){
				if(selectedIndex==i)newAry[i]+=
				'<td><a href=# onclick="okay(input'+i+'.value)">Okay</a> | <a href=# onclick="cancel()">Cancel</a></td>';
				else newAry[i]+=
					'<td><a href=# onclick="modify('+i+')">'+edit+'</a></td>';
			}
			if(remove!=null){newAry[i]+=
				'<td><a href=# onclick="remove(input'+i+')">'+(selectedIndex==i?'':remove)+'</a></td>';
			}
			if(action!=null){newAry[i]+=
				'<td><a href=# onclick="dsearch(input'+i+')">'+(selectedIndex==i?'':action)+'</a></td>';
			}
		}
		document.write(
			headerth.join('')+
			newAry.format("ttt",
				"'<tr id=tr'+i+' class=tr'+i%2+'>'+ttt+'</tr>'"
			).join('')
		);
		document.write(
			'<tr><td colspan='+(headers.length+(edit!=null?1:0)+(remove!=null?1:0)+(action!=null?1:0))+' height=1 class=pager></td></tr>'+
			'<tr><td colspan=5 class=tr0><form><input id="newWord"/> <input class=tr0 type="button" value="Append" onclick="append(newWord.value);location.reload()"/> <input class=tr0 type="reset"/></form>'
		);
	}
	else document.write('<th>:( No cookies found~</th>');
	}
	catch(e){document.write('<th>Error Occured</th>');}
}
function modify(i){
	var2cok('ItemIndex',i);location.reload();
}
function remove(obj){
	if(confirm('你确定吗?')){obj.innerHTML='';save();location.reload();}
}
function dsearch(obj){
	sw.location=url.value+escape(obj.innerHTML);
}
function okay(s){
	save();
	var2cok('ItemIndex',-1);
	location.reload();
}
function cancel(){
	var2cok('ItemIndex',-1);location.reload();
}
</script>

<center>
<table border="0" cellspacing="1" id="CookieEditor">
<script>
databinding(
	['ID','Saved Keywords'],
	'',
	'Modify','Remove','Search'
);
</script>
</table>
<br/>
<input id="url" value="http://www.google.com/search?q=" style="width:100%"/>
<iframe name="sw" src="about:blank" width="100%" height="50%"></iframe>
</center>

<style>
table{background-Color:#cccccc}
#CookieEditor input{text-align:center}
.tr0{background-Color:#f3f3f3}
.tr1{background-Color:#fefefe}
td{padding:5px;font-size:10px;font-family:Verdana;text-align:center}
th{font-size:9px;font-family:Verdana;color:white;background-Color:#FF0000;height:20px;}
input{border-width:1px;font-size:10px;font-family:Tahoma;}
form{margin:0px}
button{border-width:1px;font-size:9px;font-family:Verdana}
</style>

提示：您可以先修改部分代码再运行

找稳定的工作和老婆...

TOP

西部数码VPS主机1G内存仅266元

LeXRus [楼主]

没壳的小龟

荣誉管理团队

帖子: 5367
体力: 13464
威望: 61
当前: 上海虹口
离线: 335 天

2^# 大中小发表于 2004-1-1 00:22

3. 一直在找一种比较好的操作xmldom的习惯, 几种习惯里面, 比较喜欢这个

<html>
<xml id='xmlsrc'>
	<rss>
		<title>root1</title>
		<description>here is the description</description>
		<item>
			<title>log no.1</title>
			<date>2003-10-5 15:20:20</date>
		</item>
	</rss>
</xml>
<xml id='xslsrc'>
	
</xml>
<style>
*{font-size:9px;font-family:verdana;}
body{border:0px;background:buttonface;overflow:auto}
legend{font-weight:bolder;color:black;font-size:10px;}
</style>
<script>var beginning=new Date().getTime()</script>
<script>
var xmldom={
	pId:'MSXML.DOMDocument',
	async:true,
	dom:Object,
	root:Object,
	node:Object,
	defaultXML:'<root><node/></root>',
	/* makeDom */
	makeDom:function(domdoc){with(this){
		dom=new ActiveXObject(pId);
		dom.async=async;
		try{dom.loadXML(domdoc!=null?domdoc:defaultXML)}
		catch(e){dom.load(domdoc)}
		root=dom.documentElement;
	}},
	/* swapNode(XMLDOMNode node0, XMLDOMNode node1) */
	swapNode:function(node0,node1){
		try{
			node0.parentNode.replaceChild(node1.cloneNode(true),node0);
			node1.parentNode.replaceChild(node0.cloneNode(true),node1);
			return(true);
		}catch(e){alert(e.message)}
	},
	/* newEle(String EleName,String EleValue) */
	newEle:function(EleName,EleValue,Parent){
		node=this.dom.createNode(1,EleName,'');
		node.text=EleValue;
		return Parent!=null?Parent.appendChild(node):
			this.root.appendChild(node);
	},
	/* newAtt(String AttName,String AttValue) */
	newAtt:function(AttName,AttValue,Parent){
		node=this.dom.createNode(2,AttName,'');
		node.value=AttValue;
		Parent!=null?Parent.setAttributeNode(node):
			this.root.setAttributeNode(node);
	}
}
</script>
<fieldset><legend>XML Document</legend>
<script>
// Use the XMLDOM
with(xmldom){
	makeDom(xmlsrc.xml);
	with(dom)with(root){
		//swapNode(childNodes[0],childNodes[1]);
		node=newEle('newNode','newNodeValue');
		document.write('<xmp>'+xml+'</xmp>');
		newAtt('date',new Date(),node);
		selectSingleNode('//item/date').text=new Date().toLocaleString();
		document.write('<xmp>'+xml+'</xmp>');
	}
}
</script>
</fieldset>
<br/>
<fieldset><legend>Functions</legend>
<script>
function listFunctions(){
	var str=document.body.parentNode.innerHTML.replace(/\/\*(.*?)+\*\//img,'');
	var tmp=str.match(/(?=function\s+)[^$^$]+(?=$[^$]*\)\s*\{)/img).join('\n');
	tmp+='\n\n'+str.match(/[^\s]+\s*[\:\=]\s*function\s*$[^\($]*\)(?=\s*\{)/img).join('\n');
	str=null;
	return(tmp);
}
document.write('<xmp>'+listFunctions()+'</xmp>');
</script>
</fieldset>
<br/>
<script>document.write('MicroTime of Excution: '+(new Date().getTime()-beginning));</script>
</html>

提示：您可以先修改部分代码再运行

4. 没有完成的家教 :(
要做自定义的滚动条, 完全用dwmx生成.. 这个以后有空一定做完

<html>
<head>
<title>DWMX TUTOR</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" type="text/JavaScript">

</script>
<style type="text/css">

</style>
</head>
<body bgcolor="#dddddd" text="#000000" link="#0066CC" vlink="#000000" alink="#FF0000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <strong style="position:absolute;border:1px solid black;padding:10px;background:#99ccff;font-size:14px;margin:10px">[DWMX家教提高班]仿制滚动条</strong><div id="dindow" style="position:absolute; left:108px; top:124px; width:300px; height:300px; z-index:2; overflow: visible;">
  <div id="shadow" style="filter:alpha(opacity=50);position:absolute; left:9px; top:10px; width:300px; height:300px; z-index:1; background-color: #555555; layer-background-color: #555555; border: 1px none #000000; overflow: hidden;"></div>
  <div id="bgcolor" style="position:absolute; width:300px; height:300px; z-index:2; background-color: #f3f3f3; layer-background-color: #f3f3f3; border: 1px none #000000;" onMouseDown="MM_dragLayer('dindow','',0,0,300,20,true,false,-1,-1,-1,-1,false,false,0,'',false,'')"></div>
  <div id="filterw" style="filter:alpha(opacity=0,startx=0,finishx=100,starty=0,finishy=0,finishopacity=100,style=1);position:absolute; width:300px; height:300px; z-index:3; background-color: #9999CC; layer-background-color: #9999CC; border: 1px none #000000;"></div>
  <div id="main" style="position:absolute; width:300px; height:300px; z-index:4" onMouseDown="MM_dragLayer('dindow','',0,0,300,24,true,false,-1,-1,-1,-1,false,false,0,'',false,'')">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="3">
      <tr>
        <td height="16"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="cursor:move">
          <tr>
            <td width="16"><table width="14" border="1" cellpadding="0" cellspacing="0">
              <tr>
                <td><table width="10" height="10" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                  <tr>
                    <td bgcolor="#00FF00"></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td align="center" nowrap>--== <strong>DWMX TUTOR</strong> ==--</td>
            <td width="16" align="right"><table width="14" border="1" cellpadding="0" cellspacing="0">
              <tr>
                <td><table width="10" height="10" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                  <tr>
                    <td bgcolor="#00FF00"></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="contenttb">
          <tr>
            <td rowspan="3" align="left" valign="top"><div id="contentlayer" style="position:absolute; width:100%; height:100%; z-index:3; overflow: hidden; visibility: hidden;">
              <div id="content" style="position:absolute; width:100%; height:300px; z-index:1; overflow: visible; top: 0;">[DWMX家教]提示框<br>
                http://bbs.blueidea.com/viewthread.php?tid=1017372
                  <p>[DWMX中怎样使用查找替换？<br>
                    http://bbs.blueidea.com/viewthread.php?tid=986418</p>
                  <p>[DWMX家教]自制简陋 拼板<br>
                    http://bbs.blueidea.com/viewthread.php?tid=928637</p>
                  <p>[DWMX家教]留言簿的制作 先建立思路<br>
                    http://bbs.blueidea.com/viewthread.php?tid=908309</p>
                  <p>[DWMX家教]滚动文本框<br>
                    http://bbs.blueidea.com/viewthread.php?tid=903103</p>
                  <p>[DWMX之泡泡教程]表格单元格感应鼠标变换背景色(初级篇)<br>
                    http://bbs.blueidea.com/viewthread.php?tid=900971</p>
                  <p>[DWMX家教]半透明菜单的制作<br>
                    http://bbs.blueidea.com/viewthread.php?tid=887527</p>
                  <p>[DWMX家教]模板制作入门<br>
                    http://bbs.blueidea.com/viewthread.php?tid=877156</p>
                  <p>Frontpage动画教程:样式和层<br>
                    http://bbs.blueidea.com/viewthread.php?tid=876699</p>
                  <p>[DWMX家教]用&quot;查找替换&quot;做隔行分色表格 <br>
                    http://bbs.blueidea.com/viewthread.php?tid=873282</p>
                  <p>[DWMX之泡泡教程]用DWMX做多彩表格及链接 <br>
                    http://bbs.blueidea.com/viewthread.php?tid=872420</p>
                  <p>[DWMX家教]细线表格和变色链接的制作 <br>
                    http://bbs.blueidea.com/viewthread.php?tid=868692<br>
                  </p>
              </div>
            </div>
              &nbsp;</td>
            <td width="12" height="12">上</td>
          </tr>
          <tr>
            <td align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td height="12">下</td>
          </tr>
        </table>          </td>
      </tr>
    </table>
  </div>
</div>
 <div id="Layer1" style="position:absolute; width:12px; height:60px; z-index:3; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000; top: 36px; left: 300px;" onMouseDown="MM_dragLayer('Layer1','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'')"></div>
</body>
</html>

提示：您可以先修改部分代码再运行

4.5. 这是用dwmx实现的基本功能

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>[DWMX家教]用DWMX制作个性滚动条 --- LeXRus</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:176px; top:90px; width:246px; height:200px; z-index:1; overflow: hidden; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px solid #000000;">
  <table border="0" cellpadding="10" cellspacing="0"><td>
  <p>asdfasdfasf</p>
  <p>sdfasdf</p>
  <p>a</p>
  <p>df</p>
  <p>asdf</p>
  <p>a</p>
  <p>sdf</p>
  <p>a</p>
  <p>sdfasdfasdfas</p>
  <p>dfa</p>
  <p>sdf</p>
  <p>asd</p>
  <p>fas</p>
  <p>dfasd</p>
  <p>f</p>
  <p>asd</p>
  <p>f</p>
  <p>asd</p>
  <p>f</p>
  <p>asd</p>
  <p>fasdfasdjlga;lsdfkgjsdfgh</p>
  <p>sdf</p>
  <p>gasd</p>
  <p>fg</p>
  <p>sdf</p>
  <p>gsdfgsdfgsdfgsd</p>
  <p>fg</p>
  <p>sdf</p>
  <p>g</p>
  <p>sdf</p>
  <p>gsdfgsdfgsdfg</p>
  <p>sdf</p>
  <p>g</p>
  <p>sdf</p>
  <p>g</p>
  <p>sdfgsdfgsdfgsdfg</p>
</td></table></div>
<div id="Layer2" style="position:absolute; left:423px; top:90px; width:34px; height:200px; z-index:2; background-color: #eeeeee; layer-background-color: #eeeeee; border: 1px solid #000000;">
  <div id="Layer3" style="position:absolute; width:32px; height:32px; z-index:7; background-color: #006699; layer-background-color: #006699; border: 1px none #000000;" onMouseDown="MM_dragLayer('Layer3','',0,0,0,0,true,false,-1,-1,-1,-1,false,false,0,'',false,'xrscroll()')"><img src=""></div>
</div>
<script>
function xrscroll(){
	MM_findObj('Layer1').scrollTop=parseInt(MM_findObj('Layer3').style.top)*(parseInt(MM_findObj('Layer1').scrollHeight)/parseInt(MM_findObj('Layer2').scrollHeight));
}
</script>
[DWMX家教]用DWMX制作个性滚动条 --- LeXRus
</body>
</html>

提示：您可以先修改部分代码再运行

找稳定的工作和老婆...

TOP

广州周立功诚聘—平面/网页/UI/工业设计师 | 天业互联-酷睿租用599￥

LeXRus [楼主]

没壳的小龟

荣誉管理团队

帖子: 5367
体力: 13464
威望: 61
当前: 上海虹口
离线: 335 天

3^# 大中小发表于 2004-1-1 00:22

5. 隐式滚动.. 还是没有找到想像中的那种顺手的感觉 :(

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function sl(){
	with(document.body)with(event)with(Math){
		if(button==1){
			var Ypoz=round(sin(y/(clientHeight))*y);
			var Xpoz=round(sin(x/(clientWidth))*x);
			window.scroll(Xpoz*(scrollWidth/clientWidth),Ypoz*(scrollHeight/clientHeight))
			style.cursor='move';
		}
		else style.cursor='default';
	}
}
if(document.all)document.write("<style>body{overflow:hidden}<\/style>")
</script>
</head>
<body bgcolor="#67727E" text="#CCCCCC" onmousemove="sl()" onselectstart="return(false)">
<center style="zoom:2">
<p>在</p>
<p>更加</p>
<p>注重</p>
<p>用户体验</p>
<p>和</p>
<p>操作效率</p>
<p>的</p>
<p>今天</p>
<p>,</p>
<p>良好的</p>
<p>UI设计</p>
<p>显得</p>
<p>尤为</p>
<p>重要</p>
<p>.</p>
<p>如今</p>
<p>它</p>
<p>已</p>
<p>成为</p>
<p>设计者们</p>
<p>潜心</p>
<p>研究</p>
<p>的</p>
<p>课题</p>
<p>.</p>
<p>在</p>
<p>美观</p>
<p>和</p>
<p>实用</p>
<p>的</p>
<p>同时</p>
<p>,</p>
<p>能</p>
<p>大幅</p>
<p>提高</p>
<p>用户</p>
<p>操作</p>
<p>效率</p>
<p>的</p>
<p>设计</p>
<p>就是</p>
<p>好的</p>
<p>设计</p>
<p>.</p>
<p>-</p>
<p>-</p>
<p>-</p>
<p>隐式</p>
<p>滚动</p>
<p>.</p>
</center>
</body>
</html>

提示：您可以先修改部分代码再运行

6. 抄袭经典的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyPixbot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
<style type="text/css">

</style>
</head>
<body>
<div id="assist" style="position:absolute; left:15px; top:68px; width:185px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('assist','',0,0,150,18,true,false,-1,-1,-1,-1,15,68,100,'',false,'')">
		<table width="180" border="1" cellpadding="0" cellspacing="0">
				<tr>
						<td class="caption">SeekAssist</td>
						<td width="14" align="center"><a href="#" onclick="with(MM_findObj('assistwin').style)display=display=='none'?'':'none'">%</a></td>
						<td width="14" align="center"><a href="#" onClick="MM_showHideLayers('assist','','hide')">X</a></td>
				</tr>
				<tr id="assistwin">
						<td height="100" colspan="3" bordercolor="#eeeeee">&nbsp;</td>
				</tr>
  </table>
        <br>
</div>
<script>loadwin('assist')</script>
<div id="rank" style="position:absolute; left:15px; top:194px; width:185px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('rank','',0,0,150,18,true,false,-1,-1,-1,-1,15,194,100,'',false,'')">
		<table width="180" border="1" cellpadding="0" cellspacing="0">
				<tr>
						<td class="caption">SeekRank</td>
						<td width="14" align="center"><a href="#" onclick="with(MM_findObj('rankwin').style)display=display=='none'?'':'none'">%</a></td>
						<td width="14" align="center"><a href="#" onClick="MM_showHideLayers('assist','','inherit','rank','','hide')">X</a></td>
				</tr>
				<tr id="rankwin">
						<td height="100" colspan="3" bordercolor="#eeeeee">&nbsp;</td>
				</tr>
  </table>
		<br>
</div>
<script>setTimeout("loadwin('rank')",500)</script>
<div id="mycolor" style="position:absolute; left:15px; top:320px; width:185px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('mycolor','',0,0,150,18,true,false,-1,-1,-1,-1,15,320,100,'',false,'')">
		<table width="180" border="1" cellpadding="0" cellspacing="0">
				<tr>
						<td class="caption">MyColor</td>
						<td width="14" align="center"><a href="#" onclick="with(MM_findObj('mycolorwin').style)display=display=='none'?'':'none'">%</a></td>
						<td width="14" align="center"><a href="#" onClick="MM_showHideLayers('mycolor','','hide')">X</a></td>
				</tr>
				<tr id="mycolorwin">
						<td height="100" colspan="3" bordercolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2">
								<tr>
										<td align="center"><a href="#" onclick="cs('#00CCFF','#f6f6f6','#eeeeee')">Default</a></td>
								</tr>
								<tr>
										<td align="center"><a href="#" onclick="cs('red','#eeccee','#eeddee')">StyleSheet#1</a></td>
								</tr>
								<tr>
										<td align="center"><a href="#" onclick="cs('#99ccff','#eeeeee','#ccddff')">StyleSheet#2</a></td>
								</tr>
								<tr>
										<td align="center"><a href="#" onclick="cs('#ff9999','#ffffff','#ffeeff')">StyleSheet#3</a></td>
								</tr>
								<tr>
										<td align="center"><a href="#" onclick="cs('skyblue','#eeeeee','#99ddff')">StyleSheet#4</a></td>
								</tr>
								<tr>
										<td align="center"><a href="#" onclick="cs('#009900','#eeffee','#ddffdd')">StyleSheet#5</a></td>
								</tr>
						</table></td>
				</tr>
  </table>
		<br>
</div>
<script>setTimeout("loadwin('mycolor')",1000)</script>
<div id="results" style="position:absolute; left:204px; top:68px; width:575px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('results','',0,0,400,18,true,false,-1,-1,-1,-1,204,68,50,'',false,'')">
		<table width="570" border="1" cellpadding="0" cellspacing="0">
				<tr>
						<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
												<td class="caption">Results</td>
												<td width="12" class="button"><a href="#" onClick="with(MM_findObj('resultswin').style)display=display=='none'?'':'none'">%</a></td>
												<td width="12" class="button"><a href="#" onClick="MM_showHideLayers('results','','inherit')">X</a></td>
										</tr>
						</table></td>
				</tr>
				<tr>
						<td height="20" bordercolor="#eeeeee"><input name="url" type="text" value="http://www.google.com/search?q=ezlee" size="100">
						<a href="#" onclick="mainframe.location=url.value">Search</a></td>
				</tr>
				<tr id="resultswin">
						<td height="318" valign="top" class="navframe"><aiframe name="mainframe" id="mainframe" src="http://www.google.com/search?q=ezlee" width="100%" height="100%" frameborder="0" scrolling="auto"><font color="#FF0000">Welcome!</font></aiframe></td>
				</tr>
				<tr>
						<td height="14" class="statusbar">Ready!</td>
		        </tr>
  </table>
		<br>
</div>
<script>setTimeout("loadwin('results')",2000)</script>
</body>
</html>

提示：您可以先修改部分代码再运行

找稳定的工作和老婆...

TOP

认证您的手机，获得手机认证图标

，更多手机认证的好处

LeXRus [楼主]

没壳的小龟

荣誉管理团队

帖子: 5367
体力: 13464
威望: 61
当前: 上海虹口
离线: 335 天

4^# 大中小发表于 2004-1-1 00:23

7. mathXSLT

<html>
<xml id="xmlObj">
<math>
	<syntax name="untitled1">
		<![CDATA[
			X^(n^2+1)+Y^(n-1)+pi^X/Y^(pi/2)=?
		]]>
	</syntax>
	<syntax name="untitled2">
		<![CDATA[
			pi^X/Y+X^(n^2+1)+Y^(n-1)=?
		]]>
	</syntax>
</math>
</xml>
<xml id="xslObj">
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:msxsl="urn:schemas-microsoft-com:xslt"
xmlns:lex="http://lexrus.blueidea.com/math">
<msxsl:script language="JScript" implements-prefix="lex">
<![CDATA[
	function math(nodeObj,colorful){
		var str=nodeObj.nextNode().text;
		str=str.replace(/([^\/])\//img,'$1&#247;');
		str=str.replace(/pi/img,'∏');
		str=str.replace(/\^\s*([\w\d∏])/img,'$1'.sup());
		str=str.replace(/\^\s*($[^$]+\))/img,'$1'.sup());
		str=str.replace(/([\w\d∏]+)<SUP>/img,'$1'.bold()+'<SUP>');
		str=str.replace(/($[^$]+\))/img,'$1'.fontcolor('#0000cc'));
		return(str);
	}
]]>
</msxsl:script>
	<xsl:template match="/">
		<style><![CDATA[
		.math{
			font-size:10px;font-family:verdana;border:1px solid #cccccc;
		}
		.math div{
			font-size:16px;border:1px solid #cccccc;margin:4px;margin-left:8px;padding:4px;background:#FFFFCC
		}
		]]></style>
		<xsl:apply-templates select="math/syntax"/>
	</xsl:template>
	<xsl:template match="math/syntax">
		<fieldset class="math"><legend><b>Syntax name: <xsl:value-of select="@name"/></b></legend><div><xsl:value-of select="lex:math(.)" disable-output-escaping="yes"/></div></fieldset><br/>
	</xsl:template>
</xsl:stylesheet>
</xml>
<script>
document.write(xmlObj.transformNode(xslObj));
</script>
</html>

提示：您可以先修改部分代码再运行

8. 自定义对象的操作.. asp中常用数据的存储实验

<textarea id="tt" style="width:100%;height:100%">
</textarea>
<script>
var category={
}
</script>
<script>
function formatNum(num,len){
	return((new Array(len).join("0")+num).slice(-len));
}
function L3XObject(){
	this.source={}
	this.update=update
	this.get=get
	this.output=output
	this.remove=remove
	this.getlist=getlist
	this.insert=insert
	this.deletefirst=deletefirst
	function update(id,field,newvalue){
		id=formatNum(id,5)
		this.source['X'+id][field]=newvalue
	}
	function get(id,field){
		id=formatNum(id,5)
		return this.source['X'+id][field]
	}
	function output(objName){
		var s='var '+(objName!=null?objName:'X'+new Date().getTime())+'={\n'
		var a=[],f=[]
		for(var ro in this.source){
			f=[]
			for(var fo in this.source[ro]){
				var field=this.source[ro][fo]
				if(typeof(field)=='string'){
					field='\''+field+'\''
				}else if(typeof(field)=='object'){
					field='[\''+field.join('\',\'')+'\']'
				}
				f[f.length]=fo+':'+field
			}
			a[a.length]='\t'+ro+':{'+f.join(',')+'}'
		}
		s+=a.join(',\n')+'\n}'
		return s
	}
	function remove(id){
		delete(this.source['X'+formatNum(id,5)])
	}
	function getlist(){
		var a=[]
		for(var o in this.source){
			a[a.length]=o.substring(1)|0
		}
		return a
	}
	function insert(obj){
		var id=this.getlist()
		id=id[id.length-1]|0
		id=id==0?1:id+1
		this.source['X'+formatNum(id,5)]=obj
		return id
	}
	function deletefirst(){
		for(var o in this.source){
			delete this.source[o]
			break
		}
	}
}
</script>
<script>
var myCate=new L3XObject
with(myCate){
	source=category
	// 更新id为3的记录的items加1
	//update(3,'items',get(3,'items')+1)
	// 删除id为5的那一条
	//remove(5)
	insert({name:123})
	insert({name:234})
	tt.value='<%\n'+output('category')+'\n%>'
}
</script>

提示：您可以先修改部分代码再运行

找稳定的工作和老婆...

TOP

用CSS布局建站从零开始 | Photoshop中打造史诗般梦幻场景 | 05年第一次软件行业创业的惨痛教训

LeXRus [楼主]

没壳的小龟

荣誉管理团队

帖子: 5367
体力: 13464
威望: 61
当前: 上海虹口
离线: 335 天

5^# 大中小发表于 2004-1-1 00:24

占位4

找稳定的工作和老婆...

TOP

cid73

中级会员

帖子: 101
体力: 388
威望: 2
离线: 422 天

6^# 大中小发表于 2004-1-1 01:22

第一！收藏起来：）

TOP

killua

修罗雪姬

荣誉管理团队

帖子: 8244
体力: 21723
威望: 4
当前: 山东聊城
离线: 125 天

7^# 大中小发表于 2004-1-1 08:12

好多XML相关的呢..

绵阳同城社区

TOP

论坛

银牌会员

帖子: 575
体力: 1921
威望: 0
离线: 28 天

专长 网站运营,市场,推广

8^# 大中小发表于 2004-1-1 10:12

汗，乌龟太强了！

TOP

lrheart

高级会员

帖子: 229
体力: 780
威望: 0
离线: 542 天

9^# 大中小发表于 2004-1-1 11:26

高手，呵呵
佩服

我很笨
____________但我很努力！
我很蠢
____________但我很执著！

TOP

波希米亚

代表心情

荣誉管理团队

认证
帖子: 4575
体力: 7103
威望: 27
当前: 北京海淀区
离线: 3 天

专长 网页设计,前端制作,UE

10^# 大中小发表于 2004-1-1 11:43

哈，太棒了~~已经超过兔子了，还要超过什么哦？

B3 bohemia's | B3's flickr

TOP

lrheart

高级会员

帖子: 229
体力: 780
威望: 0
离线: 542 天

11^# 大中小发表于 2004-1-1 16:19

我发现LeXRus作的东西基本上，或者说部分使用xml来做的
我能问问你，xml到底能不能直接在网页中用啊

我很笨
____________但我很努力！
我很蠢
____________但我很执著！

TOP

piscdong

守分奴

钻石会员

认证
帖子: 8516
体力: 5594
威望: 8
当前: 上海浦东
离线: 1 天

专长 JS,PHP,MySQL

12^# 大中小发表于 2004-1-1 19:06

当然可以

火星人滚回火星去

迷你同学录

TOP

论坛

银牌会员

帖子: 575
体力: 1921
威望: 0
离线: 28 天

专长 网站运营,市场,推广

13^# 大中小发表于 2004-1-1 19:16

式过，对ie底版本效果不是太好

TOP

cxd

涂图

金牌会员

帖子: 1289
体力: 4100
威望: 0
当前: 海南海口
离线: 7 天

专长 网页设计,前端制作,ASP

14^# 大中小发表于 2004-1-1 20:09

厉害啊，学习中。。。。。。。。。。

TOP

白菜乐园

初级会员

帖子: 24
体力: 93
威望: 0
离线: 1995 天

15^# 大中小发表于 2004-1-5 10:33

强哥！

TOP

jtoz

这是英文

金牌会员

认证
帖子: 8077
体力: 4036
威望: 1
当前: 湖南益阳

专长 网页设计,前端制作,社区

16^# 大中小发表于 2004-1-5 11:31

这个新年礼物好！
收藏！

又到了广电总急的经期

TOP

巫枫

天道

银牌会员

帖子: 428
体力: 1591
威望: 0
当前: 上海闸北
离线: 22 天

专长 ASP,.NET,C#

17^# 大中小发表于 2004-1-5 15:02

个性的东东呀

漂亮MM，我不该泡你~！

TOP

zkxp

堕落的卖猪贩

钻石会员

帖子: 2318
体力: 5768
威望: 7
离线: 16 天

18^# 大中小发表于 2004-1-5 15:33

弓虽啊.弓虽.拜你为偶像了,向你学习..

我一秒种几十万的美金出入帐哪有时间在这里签名
━━━━━━━━━━━━━━━━━━━━━━━━━━
无帖我回，有帖我优，优帖我避，强帖我顶!

TOP

zhangyanan2000

中级会员

帖子: 87
体力: 323
威望: 2
离线: 807 天

19^# 大中小发表于 2004-1-5 16:16

收藏!

有许多值得学习的东西。崇拜。

初来乍到
请多关照

TOP