一些备忘CSS JS
Dec 15th, 2006 by song

层高度 clientWidth
层宽度 clientHeight
层TOP坐标 offsetTop
层LEFT坐标 offsetLeft
CSS表达式 expression
DIV 不换行 nowrap

xsl 分頁
Dec 8th, 2006 by song

分頁使用中遇到幾個問題
WD-xsl版本中和
版本中遇到的問題
wd-xsl版本支持expr 但Transform不支持此功能
Transform支持
在WD-xsl版本中 將要改爲

Read the rest of this entry »

分页之 XML + XSL
Dec 7th, 2006 by song

分页之 XML + XSL
page.xml

[code]<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="page.xsl" ?>
<list>
<item>1</item>
<item>2</item>
<item>3</item>
<item>4</item>
<item>5</item>
<item>6</item>
<item>7</item>
<item>8</item>
<item>9</item>
<item>10</item>
<item>11</item>
<item>12</item>
<item>13</item>
</list>[/code]
Read the rest of this entry »

定义checkbox跟radio的样式
Dec 6th, 2006 by song

定义checkbox跟radio的样式
[code]<style type="text/css">
form#form1 {font:12px tahoma,sans-serif}

input[type="checkbox"] {visibility:hidden;width:0;height:0;margin:0;padding:0;}
input[type="checkbox"]+label {background:url(checkstyle.gif) no-repeat;padding-left:18px;color:#ccc;}
input[type="checkbox"]+label:hover {color:#369;background-position:0 -16px;}
input[type="checkbox"]:checked+label {color:#000;background-position:0 -48px;}
input[type="checkbox"]:focus+label {color:#963;background-position:0 -32px;}

input[type="radio"] {visibility:hidden;width:0;height:0;margin:0;padding:0;}
input[type="radio"]+label {background:url(checkstyle.gif) no-repeat 0 -64px;padding-left:18px;color:#ccc;}
input[type="radio"]+label:hover {color:#369;background-position:0 -80px;}
input[type="radio"]:checked+label {color:#000;background-position:0 -112px;}
input[type="radio"]:focus+label {color:#963;background-position:0 -96px;}
</style>
</head>
<body>
<h1>定义checkbox跟radio的样式 </h1>
<h2>属性选择符加上伪类再加上 + 的创意定义</h2>
<p>定义checkbox跟radio的样式不是没有的事..当然也要有好的浏览器支持..看着别人这样定义..突然感觉自己的想法好差.做的东西好差</p>
<p>这个记得最初是在郭爽的blog看到了. 使用接近符合标准的浏览器才能看到效果.</p>
<form id="form1">
    <input id="check1" type="checkbox" /><label for="check1">选项一</label>
    <input id="check2" type="checkbox" /><label for="check2">选项二</label>
    <input id="check3" type="checkbox" /><label for="check3">选项三</label>
    <input id="check4" type="checkbox" /><label for="check4">选项四</label>
    <hr />
    <input name="radioa" id="radio1" type="radio" /><label for="radio1">单选一</label>
    <input name="radioa" id="radio2" type="radio" /><label for="radio2">单选二</label>
    <input name="radioa" id="radio3" type="radio" /><label for="radio3">单选三</label>
    <input name="radioa" id="radio4" type="radio" /><label for="radio4">单选四</label>
</form>
</body>
</html>[/code] Read the rest of this entry »

XSL 学习资料
Dec 6th, 2006 by song

随着Internet的发展,越来越多的信息进入互联网,信息的交换、检索、保存及再利用等迫切的需求使HTML这种最常用的标记语言已越来越捉襟见肘。HTML将数据内容与表现融为一体,可修改性、数据可检索性差,而XML借鉴了HTML与数据库、程序语言的优点,将内容与表现分开,不仅使检索更为方便,更主要的是用户之间数据的交换更加方便,可重用性更强。 Read the rest of this entry »

访GOOGLE 拖拽
Dec 5th, 2006 by song

访GOOGLE 拖拽[code]<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
body
{
   margin:10px;
}

#dragHelper
{
   position:absolute;/*重要*/
   border:2px dashed #000000;
   background-color:#FFFFFF;
 filter: alpha(opacity=30);
}

.normal
{
   position:absolute;/*重要*/
   width:300px;
   #height:10px;
   border:1px solid #666666;
   background-color:#FFFFFF;
}

.over
{
   position:absolute;/*重要*/
   width:300px;
   #height:10px;
   border:1px solid #666666;
   background-color:#f3f3f3;
 filter: alpha(opacity=50);
}

.dragArea {
 CURSOR: move;
}

</style>

</HEAD>

<BODY oncontextmenu="window.event.returnValue=false">
<input type="text" id="evt" name="eventValue" size="40" />
<div id="dragHelper" style="display:none"></div>
<div class="normal" overClass="over" dragClass="normal">
 <table width="100%">
   <tbody>
     <tr bgcolor="#CCCCCC" bar="yes"><td><a href="#">Cobao</a></td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr>
     <tr><td colspan="3">地址:http://www.cobao.cn</td></tr>
     <tr><td colspan="3">关键字:</td></tr>
     <tr><td colspan="3">说明:</td></tr>
   </tbody>
 </table>
</div>
<div class="normal" overClass="over" dragClass="normal">
 <table width="100%">
   <tbody>
     <tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr>
     <tr><td colspan="3">地址:http://www.sina.com.cn</td></tr>
     <tr><td colspan="3">关键字:</td></tr>
     <tr><td colspan="3">说明:</td></tr>
   </tbody>
[/code] Read the rest of this entry »

由浅到深了解JavaScript类(转贴)
Dec 5th, 2006 by song

由浅到深了解JavaScript类(转贴)
from 51js
最近在无忧脚本混了一阵子,回复了一些贴子,自己却没有做出什么东东让大家看看,心里有些不安,于是写了下边的一点东西,本来应该发在类封装区的,考虑到那里比较冷,而这篇文章我希望能够帮助到更多的朋友,因此放到这里来了。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
类是什么?

许多刚接触编程的朋友都可能理解不了类,其实类是对我们这个现实世界的模拟,把它说成“类别”或者“类型”可能会更容易理解一些。比如“人”这种动物就是一个类,而具体某一个人就是“人”这个类的一个实例,“人”可以有许多实例(地球人超过六十亿了),但“人”这个类只有一个。你或许会说那男人和女人不也是人么?怎么只能有一个?其实这里要谈到一个继承的东西,后边才讲,请继续看下去。

如何建立一个类?
在C++中是以class来声明一个类的,JavaScript与C++不同,它使用了与函数一样的function来声明,这就让许多学Jscript的朋友把类与函数混在一起了,在Jscript中函数与类确实有些混,但使用久了自然而然会理解,这篇文章是针对想进攻面向对象编程的朋友而写,就不打算一下子讨论得太深了。
请看下边这个类的定义:

function WuYouUser()
{
this.Name; //名字
} Read the rest of this entry »

GMAIL js
Dec 5th, 2006 by song

研究[code]<script type="text/javascript"><!--
function Now() {
 return (new Date()).getTime();
}
function SetClass(id, c) {
 document.getElementById(id).className = c;
}
var ok = 1;
var rpts = 0;
var start = Now();
var last = start;
function Update(v) {
 if (v != ok) {
   SetClass('m', v ? 'h' : '');
   ok = v;
   if (!ok) {
     new Image().src = "?view=lr&seq=" + (++rpts) + "&random=" + Now();
   }
 }
}
var t;
var dur = 30000;
var lastPct = 0;
var ravg = 0;
function Progress(pct, next) {
 Update(1);
 var cur = Now();
 var pctL = pct - lastPct;
 var timeL = cur - last + 1;
 var r = (pctL / timeL);
 ravg = (pct / (cur - start + 1));
 if (pct) {
   dur = 2 * (next - pct) / (0.5 * ravg + 0.5 * r);
   dur = Math.min(30000, Math.max(10000, dur));
 }
 window.clearTimeout(t);
 t = window.setTimeout("Update(0)", dur);
 last = cur;
 lastPct = pct;
}
function LoadDone() {
 window.clearTimeout(t);
 t = window.setTimeout("Update(0)", 30000);  
}
function SendJS(url) {
 var xhr;
 try {
   xhr = new XMLHttpRequest();
 } catch (e) {
   var a = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0',
     'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'MICROSOFT.XMLHTTP.1.0',
     'MICROSOFT.XMLHTTP.1', 'MICROSOFT.XMLHTTP'];
   for (var i = 0; i < a.length; i++) {
     try {
       xhr = new ActiveXObject(a[i]);
       break;
     } catch (e) {
     }
   }
 }
 if (xhr) {
   xhr.open("POST", url, true);
   xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   var data = '&js=' + encodeURIComponent(top.js.document.body.innerHTML);
   xhr.send(data);
 }
}
Progress(0, 1);
-->
</script>[/code]

利用系统自带工具制作CAB集锦
Dec 4th, 2006 by song

制作CAB自解压文件的工具——IExpress

作者:mouse    信息技术来源:本站原创    点击数:    更新时间:2006-1-4
制作CAB自解压文件的工具——IExpress
   ——IExpress大家知道CAB这种压缩格式比ZIP的压缩率要高,与RAR相当,而且是一种标准的压缩格式,能够被WINZIP等众多压缩软件打开,但制作CAB自解压文件的工具却不多。其实好的工具就在我们的身边,在IE中文版中有一个隐藏的自解压CAB制作工具——IExpress,它就能够把你的文件压缩成一个自解压的CAB压缩包,而且生成的自解压程序界面是全中文的。打开c  \windows\system文件夹,找到iexpress.exe,它就是IExpress,为它创建一个快捷方式,以后运行快捷方式就可以了。
   虽然IExpress制作出的自解压文件是中文界面,但IExpress还是英文界面,下面以制作一个最简单的自解压CAB文件为例,介绍一下IExpress的用法。
 一、运行iexpress.exe,出现IExpressWizard(向导),然后依次按“下一步”进入各步骤;
1、选择默认选项“CreatenewSelfExtractionDirectivefile”(建立新的自解压文件);

Read the rest of this entry »

CAB Station V1.0 汉化注册版
Dec 4th, 2006 by song

  CAB 压缩和解压缩工具。CAB 文件格式是由Microsoft创建的。CAB 文件格式比传统的ZIP文件格式有更高的压缩比。内含注册机
[file]attachment/1165197430_0.zip[/file]

SIDEBAR
»
S
I
D
E
B
A
R
«
»  Substance:WordPress   »