<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title> code.js.cn </title>
<style>
a{display:block;font-size:15px;line-height:18px;text-decoration:none;color:#333;font-family:Arial;font-size:12px;}
.shell{
background:url(http://bbs.blueidea.com/images/common/xml.gif) no-repeat 4px 5px;
border:1px solid #aaa;
width:400px;
padding:3px 2px 2px 20px;
}
.core{
height:18px;
overflow:hidden;
}
</style>
</head>
<body>
<div class="shell">
<div id="div1" class="core">
<a href="javascript:">请教高手帮我看下这段代码 FLASH显示不了</a>
<a href="javascript:">请教在UTF-8编辑下的符号显示问题 </a>
<a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
<a href="javascript:">技术研究-QQ09版按钮渐显渐隐的由来 </a>
<a href="javascript:">javascript读取Json数据并分页显示，支持键盘和滚轮翻页 </a>
<a href="javascript:">腾讯网奇怪的PNG文件，拜师以求解惑</a>
<a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
</div>
</div>
<p></p>
<div class="shell">
<div id="div2" class="core">
<a href="javascript:">请教高手帮我看下这段代码 FLASH显示不了</a>
<a href="javascript:">请教在UTF-8编辑下的符号显示问题 </a>
<a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
<a href="javascript:">技术研究-QQ09版按钮渐显渐隐的由来 </a>
<a href="javascript:">javascript读取Json数据并分页显示，支持键盘和滚轮翻页 </a>
<a href="javascript:">腾讯网奇怪的PNG文件，拜师以求解惑</a>
<a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
</div>
</div>
<p></p>
<div class="shell">
<div id="div3" class="core">
<a href="javascript:">请教高手帮我看下这段代码 FLASH显示不了</a>
<a href="javascript:">请教在UTF-8编辑下的符号显示问题 </a>
<a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
<a href="javascript:">技术研究-QQ09版按钮渐显渐隐的由来 </a>
<a href="javascript:">javascript读取Json数据并分页显示，支持键盘和滚轮翻页 </a>
<a href="javascript:">腾讯网奇怪的PNG文件，拜师以求解惑</a>
<a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
</div>
</div>
<p></p>
<div class="shell">
<div id="div4" class="core">
<a href="javascript:">请教高手帮我看下这段代码 FLASH显示不了</a>
<a href="javascript:">请教在UTF-8编辑下的符号显示问题 </a>
<a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
<a href="javascript:">技术研究-QQ09版按钮渐显渐隐的由来 </a>
<a href="javascript:">javascript读取Json数据并分页显示，支持键盘和滚轮翻页 </a>
<a href="javascript:">腾讯网奇怪的PNG文件，拜师以求解惑</a>
<a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
</div>
</div>
<p></p>
<div class="shell">
<div id="div5" class="core">
<a href="javascript:">请教高手帮我看下这段代码 FLASH显示不了</a>
<a href="javascript:">请教在UTF-8编辑下的符号显示问题 </a>
<a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
<a href="javascript:">技术研究-QQ09版按钮渐显渐隐的由来 </a>
<a href="javascript:">javascript读取Json数据并分页显示，支持键盘和滚轮翻页 </a>
<a href="javascript:">腾讯网奇怪的PNG文件，拜师以求解惑</a>
<a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
</div>
</div>
</body>
<script>
function myGod(id,w,n){
var box=document.getElementById(id),can=true,w=w||1500,fq=fq||10,n=n==-1?-1:1;
box.innerHTML+=box.innerHTML;
box.onmouseover=function(){can=false};
box.onmouseout=function(){can=true};
var max=parseInt(box.scrollHeight/2);
new function (){
var stop=box.scrollTop%18==0&&!can;
if(!stop){
var set=n>0?[max,0]:[0,max];
box.scrollTop==set[0]?box.scrollTop=set[1]:box.scrollTop+=n;
};
setTimeout(arguments.callee,box.scrollTop%18?fq:w);
};
};
myGod('div1',10);
myGod('div2',10,-1);
myGod('div3',500,-1);
myGod('div4',500);
myGod('div5',1500,-1);
</script>
</html>
很好的单行滚动 调用函数版
2009年08月31日唯有爱项目讨论
2009年08月26日唯有爱情感网项目讨论
大纲：
1 客户沟通思考，把握客户心态，网站目标
2 项目把握和完成度
3 合作任务事项
网站 http://hlin8.atx41.idc800.net/ 
1 客户沟通思考，把握客户心态，网站目标
首先接到这么一个客户，第一感觉，就是做资讯的，搜索所有“情感”的网站，特别是太平洋和腾讯网站里面的2个情感频道，为了就是找灵感，灵感找到了，而设计时候客户也没有提出什么要求，于是结合搜索得到的经验，就设计出了以上的首页，这首页可用了2天的时间。
关于这个首页，很多地方确实是靠拼凑的，但拼得合理就是胜利了。而这拼凑，说实际点，是灵感的拼凑，不是截图的拼凑。
这一块我认为最好看，花的时间也最长，因为细致所以美丽。
2 项目把握和完成度
整个项目下来，大概1星期就几乎完成了，10天内就给客户验收了。2天设计首页，修改半天，而后确定方向继续设计其他页面，同时让阿敏设计文章模型，我这边同步进行客户沟通、网站搭建、首页输出、通用信息页面设计输出等。
3 合作任务事项
· 各有所长，要兼容，尽量少软硬件冲突
· 要协作，有效率完成，按质量完成
· 负责人，职责和服从
部门培训内容：人事局网站的点滴介绍
2009年07月1日部门培训内容：人事局网站的点滴介绍
概述：
以参考网站：http://rsj.nc.gov.cn/例子，讲解几条重点的用得比较多的标签，这些标签都是小羊老师等同仁精心制作的。
课程要点：
一 可保留的美妙标签
1 头条新闻的再次使用
2 领导介绍及领导言论关联
3 全站同名字段的信息汇总
4 取得指定级别父节点信息
5 公文模型介绍
二、 设计与输出的矛盾
1 头条新闻
这头条新闻复习标签的position()的使用
标签关键：
<xsl:if test="position() = 1"> <divclass="headline">标题</div>
</xsl:if>
</xsl:for-each>
<xsl:for-each select="/NewDataSet/Table">
<xsl:if test="position() > 1">标题
</xsl:if>
</xsl:for-each>
通用信息列表_头条新闻.rar
2 领导介绍及领导言论
领导介绍模型上次小羊已做介绍，这里看http://rsj.nc.gov.cn/Category_538/Index.aspx领导的言论怎样与领导介绍结合。我们使用系统的作者功能，而这作者是没有在后台添加具体作者信息的，只作为一个桥梁牵引领导言论与领导的对应。
添加言论时候：填写上某一来到的名字，而相对的，这领导也会在领导介绍的栏目里面存在的。
当然，要在 QueryStrings.config下面的<page url="~/Category.aspx">添加一参数
<param name="Author" datatype="String" optional="true" />以达到，
http://rsj.nc.gov.cn/Category_531/Index.aspx?Author=%E7%94%B3%E5%B0%91%E5%B9%B3 这样的连接，其实就是
http://rsj.nc.gov.cn/Category_531/Index.aspx?Author=文章（领导）模型的Title（领导名字） 就能达到配对了
3 全站同名字段的信息汇总
这功能，很BT，就是说，具体说 通用信息标签参数parentId的可扩展性。
4 取得指定级别父节点信息
{PE.Label id="取得指定级别父节点信息" nodeId="@RequestInt_Id" depth="1" fieldName="NodeName" /}
有了这个标签，无论去到哪，都能获取到，而且是1个就到位。
取得指定级别父节点信息.rar
其中 fieldName，能传入去的是Pe_Nodes表中的字段，包括NodeName节点名字、NodeID节点ID等等。
5 公文模型介绍
公文模型包括：
文头、公文种类、文号、文件标题、发布内容、主题词、抄送、发文单位、印数
http://rsj.nc.gov.cn/Item/1314.aspx
SF BI标签的维护与应用二
2009年05月6日上文再续
温故知新 SF BI标签的维护与应用
这回的内容包括：
1. 通用带图片的多个使用 （带左右控制滚动、不断滚动、上下滚动）
2. 通用带图片的演变，一个排行里面2个表现形式
1. 通用带图片的多个使用
以下的3个效果都是使用 通用带图片的信息列表普通式 标签的，标签是使用默认的，然而就能出现下面3个效果：
带左右控制滚动 http://hr.powereasy.net/Category_2/Index.aspx
不断无间隔滚动 http://hr.powereasy.net/
上下滚动
http://hr.powereasy.net/Category_37/Index.aspx
具体我们看下后台的介绍方法，稍后会整理出来，方便使用。
2. 通用带图片的演变，一个排行里面2个表现形式
http://hr.powereasy.net/Item/1208.aspx
实现方式，看后台，这里一个重点是稳固小羊老师说的，position()这语句作用。
SF BI标签的维护与应用一
2009年04月22日本课主要内容：
· 如何插入标签、初步熟悉标签、进阶熟悉标签
· 经典案例介绍
· 规范整理模板包
· 小羊标签灵活使用 – 表示当前栏目
在使用动易的SF BI系统的模板制作中，都会遇到标签的问题，插标签，很难？很容易。
对于第一次使用的标签，怎样插呢？ 这里只列举我感觉比较方便的方法：
插入标签
登录后台打开模板，用后台的模板编辑功能，直接插入想要的标签，插入后，这时注意，为更好地操作标签和页面制作，是不要保存模板，插入所有参数后把整句标签粘贴，我自己比较喜欢插入所有参数，再复制到自己编辑器上。
初步熟悉标签
复制到本地后整句标签，仔细查看其参数
对照：
PowerEasy SiteFactory 2.0标签参考 http://tech.powereasy.net/DeveloperNetwork/SiteFactory2.0/CommonLabel/
PowerEasy BizIdea 标签参考 http://tech.powereasy.net/DeveloperNetwork/BizIdea2.0/BizIdeaLabel/
进行参数的熟悉和学习。
进阶熟悉标签
想深入熟悉一个标签，只能进行深入解剖。这里在下面经典案例讲述。
密码保护：谈谈感受
2009年04月18日<!–[if lte IE 6]>……<![endif]–>
2009年03月10日<!–[if lte IE 6]>……<![endif]–>
Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。
在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。
同 时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并 且，其他非IE浏览器与IE对某些CSS解释也不一样。所以，通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。
条件注释只能用于Explorer 5+ Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（目前为IE 7）。
条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。
通俗点，条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如：
这里是正常的html代码
<![endif]–>
1，条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
2，IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
3，条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。
可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的）
<h1>您正在使用IE浏览器</h1>
<!–[if IE 5]>
<h2>版本 5</h2>
<![endif]–>
<!–[if IE 5.0]>
<h2>版本 5.0</h2>
<![endif]–>
<!–[if IE 5.5]>
<h2>版本 5.5</h2>
<![endif]–>
<!–[if IE 6]>
<h2>版本 6</h2>
<![endif]–>
<!–[if IE 7]>
<h2>版本 7</h2>
<![endif]–>
<![endif]–>
那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用<!–[if ls IE 5]>，当然，根据条件注释只能在IE5+的环境之下，所以<!–[if ls IE 5]>根本不会被执行。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判断符相同
Conditional comments属于CSS hack? 条件判断属于CSS hack吗？
严 格地说是属于CSS hack。因为就好象其他真正的css hack一样，它使得我们可以给一些浏览器赋予特殊的样式，再则它不依赖于某个浏览器的BUG来控制另外一个浏览器（的样式）。除此之外，条件判断还能用 来做一些超出CSS HACK范围的事情(虽然这种情况很少发生)。
因为条件判断不依赖于某个浏览器的hack,而是一个经过深思熟虑的特色功能，所以我相信它是可以被放心地使用的。当然，其他浏览器也有可能支持条件判断（到目前为止还没有），但是看起来，他们应该不会使用如<!–[if IE]>这样的语法。
应该如何应用条件注释
本文一开始就说明了，因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。比如：
<link rel=”stylesheet” type=”text/css” href=”css.css” />
<!–[if IE 7]>
<!– 如果IE浏览器版是7,调用ie7.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”ie7.css” />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=”ie.css” />
<![endif]–>
这其中就区分了IE7和IE6向下的浏览器对CSS的执行，达到兼容的目的。同时，首行默认的css.css还能与其他非IE浏览器实现兼容。
注意：默认的CSS样式应该位于HTML文档的首行，进行条件注释判断的所有内容必须位于该默认样式之后。
比如如下代码，在IE浏览器下执行显示为红色，而在非IE浏览器下显示为黑色。如果把条件注释判断放在首行，则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。
body{
background-color: #000;
}
</style>
<!–[if IE]>
<style type=”text/css”>
body{
background-color: #F00;
}
</style>
<![endif]–>
同时，有人会试图使用<!–[if !IE]>来定义非IE浏览器下的状况，但注意：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下非单不是执行该条件下的定义，而是当做注释视而不见。
正常就是默认的样式，对IE浏览器需要特殊处理的，才进行条件注释。
符合w3c标准的向上不间断滚动代码!
2009年02月2日<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>符合w3c标准的向上不间断滚动代码</title>
<style type="text/css">
<!–
a{background:#FFF; color:#333;}
a:hover{background:#FFF;color: #C00;}
#demo{overflow:hidden; width: 390px;height: 150px; background:#FFF;margin: 5px;float: left;display: inline;}
–>
</style>
</head>
<body >
<div id="demo">
<div id="demo1">
<ul>
<li><a href="1" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li>
<li><a href="1" title="Internet Explorer 7 对CSS的兼容–Box Model Changes">Internet Explorer 7 对CSS的兼容–Box Model Changes </a></li>
<li><a href="2" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li>
<li><a href="2" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li>
<li><a href="2" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li>
<li><a href="http://www.stunc.cn" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li>
<li><a href="1" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>
<li><a href="2" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li>
<li><a href="2" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li>
<li><a href="2" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li>
</ul>
</div>
<div id="demo2"> </div>
<script type="text/javascript">
var speed=40;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('demo1');
var FGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
function Marquee1(){
if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
FGDemo.scrollTop-=FGDemo1.offsetHeight
else{
FGDemo.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function() {clearInterval(MyMar1)}
FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script> </div>
</body>
</html>
密码保护：婚纱照拉···
2009年01月21日可恨的数据……只能恢复了一半！
2008年12月28日可恨的数据……只能恢复了一半！
11月份的服务器硬盘突发损坏，数据大部分不能找回！附件只找回十分之一~~~NND
郁闷死，现在重新投入到网站开发，把家常菜转用公司的产品bizidea，希望能有好兆头，顺便深挖这好东西！
加了个新站，是lab.zenkin.cn