<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[Winxml博客]]></title>
<link>http://www.wenmc.com/</link>
<description><![CDATA[记录生活、工作中的点点滴滴....]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[qztk#163.com(Winxml)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>Winxml博客</title>
	<url>http://www.wenmc.com/images/logos.gif</url>
	<link>http://www.wenmc.com/</link>
	<description>Winxml博客</description>
</image>

			<item>
			<link>http://www.wenmc.com/article/1/168.htm</link>
			<title><![CDATA[元宵佳节用豆浆机做汤圆吃 ]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[心情随笔]]></category>
			<pubDate>Sun,28 Feb 2010 13:51:13 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=168</guid>
		<description><![CDATA[今天是元宵节,想想中午要不吃元宵吧.. 我就特意出去了趟,买了一包速冻汤圆.<br/><br/>想象着中午自己做元宵吃.. 嘿嘿... <br/><br/>到家 把锅添上水,放在燃气炉上. <br/><br/>咔嚓一声。。。打火开始做饭。。 HOHO<br/><br/>呃。。。 怎么搞的。。&nbsp;&nbsp;都咔嚓过了。 怎么没火呀。是不是火石不行了。。 我试着用火机点燃。还没作用。。 汗<br/><br/>想起当年买的速冻饺子。因为买回饺子，水还没烧开，就没液化气的事了。。。那次搞得特郁闷，不会这次也这样吧。<br/><br/> <br/><br/>再试试吧。。&nbsp;&nbsp;咔嚓，咔嚓，咔嚓&nbsp;&nbsp;晕了。。 还是不行。。 <br/><br/>这下惨了。难道我元宵节想吃个自己煮的元宵都不行吗？<br/><br/>哎。。电磁炉过春节也带回家了，以为没什么用。。<br/><br/>想办法吧。。 嗯。。 煮元宵就是把水烧开，煮两下就成了。<br/><br/>热得快 貌似可以。。。 但热得快早都不用了。。 也不知道放哪了。。 <br/><br/>哈。。 对了豆浆机。 可豆浆机是把里面的食材打碎的。。但打碎食材前应该是先把水烧开的。<br/><br/>就先试试吧。。 但愿水烧开的时候能煮一会儿，别那么快开始打碎。。<br/><br/>豆浆机添1/3的水。。插上电。滴一声，开始烧水喽。<br/><br/>过了5分钟，水开始热了，放入汤圆（这样能尽量不让汤圆煮烂，一般煮汤圆应该是开水煮的，呵，这个不说大家也知道吧。。）<br/><br/>就坐在豆浆机前面等吧。大概4分钟过去后，哇。。水烧开了。 一直在冒泡呢。咕嘟嘟地开始煮喽。 过了1分钟，哈有些汤圆已经浮出水面了。<br/><br/>看来已经熟了。<br/><br/>就在这想的一刹那。 豆浆机里面的切碎螺旋刀开始转了。害我手忙脚乱赶快断电。。。<br/><br/>打开后，热喷喷的一股汤圆的香味扑面迎来。。还好只搅烂了几个汤圆，赶快盛碗里面开始享受美味吧。 <br/><br/> <br/><br/>想想就觉得骄傲，估计用豆浆机做汤圆我也算是世界第一人了。心里美滋滋地。<br/><br/> <br/><br/>总结经验：开水翻滚的时候 看差不多得赶快断电，别像我一样，再搅烂汤圆了， 刚好还有几个汤圆没下锅。下次再做吧。争取一个也不烂。<br/>&nbsp;&nbsp;<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/6/167.htm</link>
			<title><![CDATA[导入数据时mysql报错ERROR 1406 的解决方法]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[Php]]></category>
			<pubDate>Tue,23 Feb 2010 21:42:27 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=167</guid>
		<description><![CDATA[解决办法：导入数据时mysql报错 ERROR 1406 : Data too long for column Data too long for column2008-11-01 15:35解决办法:<br/><br/>在my.ini里找到<br/>sql-mode=”STRICT_TRANS_TABLES,NO_AUTO_Cr&#101;ate_USER,NO_ENGINE_SUBSTITUTION”<br/>把其中的STRICT_TRANS_TABLES,去掉,<br/>或者把sql-mode=STRICT_TRANS_TABLES,NO_AUTO_Cr&#101;ate_USER,NO_ENGINE_SUBSTITUTION<br/><br/>注释掉，然后重启mysql就ok了<br/> <br/>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/7/166.htm</link>
			<title><![CDATA[html日历]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[网页前台]]></category>
			<pubDate>Mon,18 Jan 2010 10:33:15 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=166</guid>
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.wenmc.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp7103"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;>
<html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; />
<title>无标题文档</title>
<style> 
#cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px}
#cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px}
#cal #top sel&#101;ct{font-size:12px}
#cal #top input{padding:0}
#cal ul#wk{margin:0;padding:0;height:25px}
#cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none}
#cal ul#wk li b{font-weight:normal;color:#c60b02}
#cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative}
#cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px}
#cal #cm .cell .so{font:bold 16px arial;}
#cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0}
#cal #bm a{color:7977ce}
#cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px}
#cal #fd b{font-weight:normal;color:#c60a00}
</style>

</head>

<body>
<div id=&#34;cal&#34;>
<div id=&#34;top&#34;>公元 <sel&#101;ct></sel&#101;ct> 年 <sel&#101;ct></sel&#101;ct> 月    农历<span></span>年 [ <span></span>年]  <input type=&#34;button&#34; value=&#34;回到今天&#34; title=&#34;点击后跳转回今天&#34; style=&#34;padding:0px&#34;></div>
<ul id=&#34;wk&#34;><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li><b>六</b></li><li><b>日</b></li></ul>
<div id=&#34;cm&#34;></div>
<div id=&#34;bm&#34;><a target=&#34;_blank&#34; onmousedown=&#34;return c({'fm':'alop','title':this.innerHTML,'url':this.href,'p1':al_c(this),'p2':1})&#34; href=&#34;javascript:void(0)&#34;></a></div>
</div>
 <script src=&#34;http://www.baidu.com/js/bdcalendar110.js &#34;></script>
</body>
</html>
 </TEXTAREA><br/><INPUT onclick="runEx('temp7103')"  type="button" class="userbutton" value="运行此代码"/> <INPUT onclick="doCopy('temp7103')"  type="button" class="userbutton" value="复制此代码"/> <INPUT onclick="saveCode('temp7103')" type="button" class="userbutton" value="保存此代码"><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><img src="http://www.wenmc.com/images/download.gif" alt="下载文件" style="margin:0px 2px -4px 0px"/> <a href="http://www.wenmc.com/attachments/month_1001/n2010118103452.rar" target="_blank">点击下载此文件</a><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/7/165.htm</link>
			<title><![CDATA[通过点击按钮控制图片列表左右滚动的JS代码]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[网页前台]]></category>
			<pubDate>Mon,18 Jan 2010 00:33:52 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=165</guid>
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.wenmc.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp562"> <!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;>
<html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; />
<title>超级经典一套鼠标控制左右滚动图片带自动翻滚</title>
<style type=&#34;text/css&#34;>
<!--
.rollBox {
 background-color:#F5F5F5;
 border:1px solid #DDBFC7;
 clear:both;
 height:178px;
 margin:0;
 padding:10px 8px 0;
 width:944px;
}
.rollBox .LeftBotton {
 height:135px;
 width:22px;
 background:url(lnz_anniu.gif) no-repeat 0px 0;
 overflow:hidden;
 float:left;
 display:inline;
 margin:10px 0 0 0;
 cursor:pointer;
}
.rollBox .RightBotton {
 height:135px;
 width:22px;
 background:url(lnz_anniu.gif) no-repeat -22px 0;
 overflow:hidden;
 float:left;
 display:inline;
 margin:10px 0 0 0;
 cursor:pointer;
}
.rollBox .Cont {
 width:900px;
 overflow:hidden;
 float:left;
}
.rollBox .ScrCont {
 width:10000000px;
}
.rollBox .Cont .pic {
 width:150px;
 float:left;
 text-align:center;
}
.rollBox .Cont .pic img {
 padding:1px;
 background:#fff;
 border:0px solid #ccc;
 display:block;
 margin:0 auto;
 width:130px; height:130px;
}
.rollBox .Cont .pic p {
 line-height:21px;
 color:#505050;
 font-size:14px;
 width:120px; text-align:left;
 margin:0 auto;
}
.rollBox .Cont a:link, .rollBox .Cont a:visited {
 color:#626466;
 text-decoration:none;
}
.rollBox .Cont a:hover {
 color:#f00;
 text-decoration:underline;
}
.rollBox #List1, .rollBox #List2 {
 float:left;
}
-->
</style>
</head>
<body>
<div class=&#34;rollBox&#34;>
  <div class=&#34;LeftBotton&#34; onmousedown=&#34;ISL_GoUp()&#34; onmouseup=&#34;ISL_StopUp()&#34; onmouseout=&#34;ISL_StopUp()&#34;></div>
  <div class=&#34;Cont&#34; id=&#34;ISL_Cont&#34;>
    <div class=&#34;ScrCont&#34;>
      <div id=&#34;List1&#34;>
        <!-- 图片列表 begin -->
        <div class=&#34;pic&#34;><img src=&#34;lnz_d1.gif&#34; />
          <p>浙江省宁波市华源照明灯具厂</p>
        </div>
        <div class=&#34;pic&#34;><img src=&#34;lnz_d2.gif&#34; />
          <p>宁波家家明灯具有限公司</p>
        </div>
        <div class=&#34;pic&#34;><img src=&#34;lnz_d3.gif&#34; />
          <p>余姚市环湖灯具有限公司</p>
        </div>
        <div class=&#34;pic&#34;><img src=&#34;lnz_d4.gif&#34; />
          <p>余姚市新时代照明灯具厂</p>
        </div>
        <div class=&#34;pic&#34;><img src=&#34;lnz_d5.gif&#34; />
          <p>余姚市新世纪灯具有限公司</p>
        </div>
        <div class=&#34;pic&#34;><img src=&#34;lnz_d6.gif&#34; />
          <p>杭州天伦化工有限公司</p>
        </div>
        
        <!-- 图片列表 end -->
      </div>
      <div id=&#34;List2&#34;></div>
    </div>
  </div>
  <div class=&#34;RightBotton&#34; onmousedown=&#34;ISL_GoDown()&#34; onmouseup=&#34;ISL_StopDown()&#34; onmouseout=&#34;ISL_StopDown()&#34;></div>
</div>
<script language=&#34;javascript&#34; type=&#34;text/javascript&#34;>
<!--//--><![CDATA[//><!--
//图片滚动列表 mengjia 070816
var Speed = 0.01; //速度(毫秒)
var Space = 5; //每次移动(px)
var PageWidth = 150; //翻页宽度
var fill = 0; //整体移位
var MoveLock = false;
var MoveTimeObj;
var Comp = 0;
var AutoPlayObj = null;
GetObj(&#34;List2&#34;).innerHTML = GetObj(&#34;List1&#34;).innerHTML;
GetObj('ISL_Cont').scrollLeft = fill;
GetObj(&#34;ISL_Cont&#34;).onmouseover = function(){clearInterval(AutoPlayObj);}
GetObj(&#34;ISL_Cont&#34;).onmouseout = function(){AutoPlay();}
AutoPlay();
function GetObj(objName){if(document.getElementById){return eval('document.getElementById(&#34;'+objName+'&#34;)')}else{return eval('document.all.'+objName)}}
function AutoPlay(){ //自动滚动
 clearInterval(AutoPlayObj);
 AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //间隔时间
}
function ISL_GoUp(){ //上翻开始
 if(MoveLock) return;
 clearInterval(AutoPlayObj);
 MoveLock = true;
 MoveTimeObj = setInterval('ISL_ScrUp();',Speed);
}
function ISL_StopUp(){ //上翻停止
 clearInterval(MoveTimeObj);
 if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0){
  Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
  CompScr();
 }else{
  MoveLock = false;
 }
 AutoPlay();
}
function ISL_ScrUp(){ //上翻动作
 if(GetObj('ISL_Cont').scrollLeft <= 0){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth}
 GetObj('ISL_Cont').scrollLeft -= Space ;
}
function ISL_GoDown(){ //下翻
 clearInterval(MoveTimeObj);
 if(MoveLock) return;
 clearInterval(AutoPlayObj);
 MoveLock = true;
 ISL_ScrDown();
 MoveTimeObj = setInterval('ISL_ScrDown()',Speed);
}
function ISL_StopDown(){ //下翻停止
 clearInterval(MoveTimeObj);
 if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0 ){
  Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
  CompScr();
 }else{
  MoveLock = false;
 }
 AutoPlay();
}
function ISL_ScrDown(){ //下翻动作
 if(GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth;}
 GetObj('ISL_Cont').scrollLeft += Space ;
}
function CompScr(){
 var num;
 if(Comp == 0){MoveLock = false;return;}
 if(Comp < 0){ //上翻
  if(Comp < -Space){
   Comp += Space;
   num = Space;
  }else{
   num = -Comp;
   Comp = 0;
  }
  GetObj('ISL_Cont').scrollLeft -= num;
  setTimeout('CompScr()',Speed);
 }else{ //下翻
  if(Comp > Space){
   Comp -= Space;
   num = Space;
  }else{
   num = Comp;
   Comp = 0;
  }
  GetObj('ISL_Cont').scrollLeft += num;
  setTimeout('CompScr()',Speed);
 }
}
//--><!]]>
</script>
</body>
</html>

</TEXTAREA><br/><INPUT onclick="runEx('temp562')"  type="button" class="userbutton" value="运行此代码"/> <INPUT onclick="doCopy('temp562')"  type="button" class="userbutton" value="复制此代码"/> <INPUT onclick="saveCode('temp562')" type="button" class="userbutton" value="保存此代码"><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/4/164.htm</link>
			<title><![CDATA[求asp函数左右截取字符]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[Asp]]></category>
			<pubDate>Fri,15 Jan 2010 14:12:51 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=164</guid>
		<description><![CDATA[例如 有字符串 abcdefghijk<br/>我要找到字符串&nbsp;&nbsp;fg<br/>并显示fg前后各3个字符<br/>要求显示结果为： ……cde fg hij……<br/><br/><br/>&lt;%sub str(ss,ss1)<br/>a=cint(len(ss1))<br/>b=cint(instr(ss,ss1))<br/>v=mid(ss,b-3,3)&#39;前3个字符<br/>c=a+b<br/>v1=mid(ss,c,3)&#39;后3个<br/>response.write &#34;....&#34;&amp;v&amp;&#34; &#34;&amp;ss1&amp;&#34; &#34;&amp;v1&amp;&#34;.....&#34;<br/>end sub%&gt;<br/>&lt;% call str(&#34;abcdefghijklmn&#34;,&#34;fg&#34;)%&gt;<br/><br/>进行结果为：....cde fg hij..... ]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/7/163.htm</link>
			<title><![CDATA[给设计人的10个jQuery特效及学习方法]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[网页前台]]></category>
			<pubDate>Wed,13 Jan 2010 15:50:36 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=163</guid>
		<description><![CDATA[<div class="cnt" id="blog_text">
<div>
<div>
<h1><font size="3">jQuery已经不是什么新鲜的事儿，记得第一次听说是在上总把它认为是非常难的东西，也就没有认真去了解他了直到学完CSS的大部分内容，才开始接触这种&quot;write less, do more&quot; 的Javascrpt框架今天，这篇文章的最重要内容是来自Web Designer Wall的一篇教程，一篇包含了10个jQuery特效的教程这里不打算全文翻译，想以自己的语言来表达，或许这样更方便大家理解/自己以后学习，也可能更准确地描述</font></h1>
</div>
<div>
<div>
<div>
<div>
<p><font size="3">提示：教程中所用的 jQuery 版本为1.2.3这篇文章是为jQuery新手而写的</font></p>
<font size="3">jQuery是如何工作的? </font>
<p><font size="3">首先，你需要下载一个jQuery版本，并将它插入到&lt;head&gt;标签内然后，你将需要写函数来告诉jQuery做些什么，下面的这个图表将告诉你jQuery是怎样工作的（点击图片，查看大图）：</font></p>
<p><font size="3"><img height="240" src="http://farm4.static.flickr.com/3258/2576325873_b868b96531_o.gif" width="500" border="0" alt="" /> ！</font></p>
<font size="3">如何获取元素（Get the element）? </font>
<p><font size="3">书写 jQuery 函数是一个非常简单的事（多亏了精彩的说明书）关键是你要学习如何获取你想要实现的效果的确切元素</font></p>
<font size="3">$(&quot;#header&quot;) = 获取 的元素 $(&quot;div#content .photo&quot;) = 获取&lt;div &gt;里所有用class=&quot;photo&quot;定义的元素 $(&quot;ul li&quot;) = 获取所以 &lt;ul&gt; 中 &lt;li&gt; 的元素 $(&quot;ul li:first&quot;) = 只获取&lt;ul&gt;中第一个&lt;li&gt; </font>
<p><font size="3">让我们来开始这个简单的下拉面板特效吧(view demo)，或许你已经见过很多次，现在，自己试试吧：</font></p>
<p><font size="3"><img height="201" src="http://farm4.static.flickr.com/3194/2577156008_0ac3cb8ae9_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3">当包含class=&quot;btn-slide&quot;的元素被点击，它会下拉/上提&lt;div &gt;里的元素然后切换到CSS中的class=&quot;active&quot;到&lt;a &gt;元素.active 将会以CSS的方式打开/关闭出面板</font></p>
<p><font size="3">$(document).ready(function(){ <br />
</font><font size="3">&nbsp;&nbsp; $(&quot;.btn-slide&quot;).click(function(){ <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&quot;#panel&quot;).slideToggle(&quot;slow&quot;); <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(this).toggleClass(&quot;active&quot;); <br />
&nbsp;&nbsp; }); <br />
</font><font size="3">}); </font></p>
<p><font size="3">如图，当右上角的上图标被点击时，内容被隐藏效果可以看Demo </font></p>
<p><font size="3"><img height="192" src="http://farm4.static.flickr.com/3081/2577156028_cb3e3816af_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3">当被定义为 &lt;img &gt; 的图片被点击，它会手找到父级元素 &lt;div &gt; 并激活它的能力，慢慢消失，隐藏起来</font></p>
<font size="3">$(document).ready(function(){ <br />
&nbsp;&nbsp; $(&quot;.pane .delete&quot;).click(function(){ <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(this).parents(&quot;.pane&quot;).animate({ opacity: &quot;hide&quot; }, &quot;slow&quot;); <br />
&nbsp;&nbsp; }); <br />
}); </font>
<p><font size="3">让我们来看看jQuery连贯性的威力吧只需要几行代码，我能让这个方块渐变+缩放比例地飞来飞去</font></p>
<p><font size="3"><strong>Line 1</strong>: 当 &lt;a &gt; 被点击 <br />
<strong>Line 2</strong>: 激活 &lt;div &gt; 的不透明度（opacity）=0.1，直到值达到400px，速度达到1200px/ms <br />
<strong>Line 3</strong>: 当opacity=0.4, top=160px,height=20,width=20,以&quot;slow&quot;显示 <br />
<strong>Line 4</strong>: 当opacity=1, left=0, height=100, width=100,也以&quot;slow&quot;显示 <br />
<strong>Line 5</strong>: 当opacity=1, left=0, height=100, width=100, 也以&quot;slow&quot;显示 <br />
<strong>Line 6</strong>: 当top=0, 以&quot;fast&quot;显示 <br />
<strong>Line 7</strong>: 然后，以常速上滑 (default speed = &quot;normal&quot;) <br />
<strong>Line 8</strong>: 然后以&quot;slow&quot;下滑 <br />
<strong>Line 9</strong>:返回失效会阻止浏览器跳向链接锚点</font></p>
<font size="3">$(document).ready(function(){ $(&quot;.run&quot;).click(function(){ $(&quot;#box&quot;).animate({opacity: &quot;0.1&quot;, left: &quot;+=400&quot;}, 1200) .animate({opacity: &quot;0.4&quot;, top: &quot;+=160&quot;, height: &quot;20&quot;, width: &quot;20&quot;}, &quot;slow&quot;) .animate({opacity: &quot;1&quot;, left: &quot;0&quot;, height: &quot;100&quot;, width: &quot;100&quot;}, &quot;slow&quot;) .animate(, &quot;fast&quot;) .slideUp() .slideDown(&quot;slow&quot;) return false; }); }); </font>
<p><font size="3">这是第一个可折叠的样式， </font></p>
<p><font size="3"><img height="237" src="http://farm4.static.flickr.com/3058/2577156172_ce69e5a942_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3">第一行将向&lt;div &gt; 内的第一个&lt;H3&gt; 添加一个CSS class为&quot;active&quot;的值 第二行刚是隐藏&lt;div &gt;内非第一个&lt; p &gt;的内容</font></p>
<p><font size="3">当 &lt;h3&gt; 被点击时，当前&lt;p&gt;下拉，而原先下拉的&lt;p&gt; 上提</font></p>
<font size="3">$(document).ready(function(){ $(&quot;.accordion h3:first&quot;).addClass(&quot;active&quot;); $(&quot;.accordion p:not(:first)&quot;).hide(); $(&quot;.accordion h3&quot;).click(function(){ $(this).next(&quot;p&quot;).slideToggle(&quot;slow&quot;) .siblings(&quot;p:visible&quot;).slideUp(&quot;slow&quot;); $(this).toggleClass(&quot;active&quot;); $(this).siblings(&quot;h3&quot;).removeClass(&quot;active&quot;); }); }); </font>
<p><font size="3">这个实例与#1非常类似，不过，它会让指定的面板像默认面板一样打开</font></p>
<p><font size="3">在CSS样式表中，设置.accordion p 为 display:none现在，如果你像默认打开的样式一样，打开第三个面板，你可以写$(&quot;.accordion2 p&quot;).eq(2).show(); (eq = equal)来实现它，需要注意的是起始点是&quot;0&quot;，而不是&quot;1&quot;，所以，第三个相应的是&quot;2&quot;，而不是&quot;3&quot;</font></p>
<font size="3">$(document).ready(function(){ $(&quot;.accordion2 h3&quot;).eq(2).addClass(&quot;active&quot;); $(&quot;.accordion2 p&quot;).eq(2).show(); $(&quot;.accordion2 h3&quot;).click(function(){ $(this).next(&quot;p&quot;).slideToggle(&quot;slow&quot;) .siblings(&quot;p:visible&quot;).slideUp(&quot;slow&quot;); $(this).toggleClass(&quot;active&quot;); $(this).siblings(&quot;h3&quot;).removeClass(&quot;active&quot;); }); }); </font>
<p><font size="3">这个将会实现一个非常漂亮的，当鼠标经过时出现渐变出现的效果 </font></p>
<p><font size="3"><img height="360" src="http://farm4.static.flickr.com/3121/2576326105_1e0530df37_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3">当鼠标经过菜单时，它会寻找紧接着的&lt;em&gt;，并在上方激活它的不透明度</font></p>
<font size="3">$(document).ready(function(){ $(&quot;.menu a&quot;).hover(function() { $(this).next(&quot;em&quot;).animate({opacity: &quot;show&quot;, top: &quot;-75&quot;}, &quot;slow&quot;); }, function() { $(this).next(&quot;em&quot;).animate({opacity: &quot;hide&quot;, top: &quot;-85&quot;}, &quot;fast&quot;); }); }); </font>
<p><font size="3">这个实例会显示菜单中链接的title 属性attribute，让其以变数方式存在，并添加&lt;em&gt;标签 </font></p>
<p><font size="3"><img height="278" src="http://farm4.static.flickr.com/3160/2577156264_bc64c330b3_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3">第一行会添加一个空的&lt;em&gt;到菜单的&lt;a&gt;元素</font></p>
<p><font size="3">当鼠标经过菜单链接时，它会显示title的属性，让它以&quot;hoverText（隐藏）&quot;的形式显示，并使&lt;em&gt;中的文字显示隐藏文本的值</font></p>
<font size="3">$(document).ready(function(){ $(&quot;.menu2 a&quot;).append(&quot;&lt;em&gt;&lt;/em&gt;&quot;); $(&quot;.menu2 a&quot;).hover(function() { $(this).find(&quot;em&quot;).animate({opacity: &quot;show&quot;, top: &quot;-75&quot;}, &quot;slow&quot;); var hoverText = $(this).attr(&quot;title&quot;); $(this).find(&quot;em&quot;).text(hoverText); }, function() { $(this).find(&quot;em&quot;).animate({opacity: &quot;hide&quot;, top: &quot;-85&quot;}, &quot;fast&quot;); }); }); </font>
<p><font size="3">这个实例将会教你如何实现内容中元素可点击性效果，Best Web Gallery的侧边栏Tab就显示这样的效果 </font></p>
<p><font size="3"><img height="253" src="http://farm4.static.flickr.com/3171/2576326173_dc1dde810a_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3">如果你想让class=&quot;pane-list&quot;的&lt;ul&gt;内的 &lt;li&gt; 可点击(整块)，你可以向 &quot;.pane-list li&quot;指派一个函数，使它被点击时，函数找到 &lt;a&gt;元素，重定向到它的href属性值</font></p>
<font size="3">$(document).ready(function(){ $(&quot;.pane-list li&quot;).click(function(){ window.location=$(this).find(&quot;a&quot;).attr(&quot;href&quot;); return false; }); }); </font>
<p><font size="3">让我们组合一下上面的实例，创造一给可收缩的面板（像Gmai收件箱面板l）作者还在Web Designer Wall 的评论列表Next2Friends里应用这个</font></p>
<p><font size="3"><img height="286" src="http://farm4.static.flickr.com/3273/2579629684_7131919a92_o.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3"><strong>First line</strong>: 隐藏&lt;div &gt;里第一个元素以后的元素 <br />
<strong>Second line</strong>: 隐藏所有第5个&lt;li&gt;后面的元素 <br />
<strong>Third part</strong>: 当&lt;p &gt;被点击里，显示/隐藏&lt;div &gt; <br />
<strong>Fourth part</strong>: 当&lt;a &gt; 被点击时，上提所有&lt;div &gt;的元素 <br />
<strong>Fifth part</strong>: 当&lt;a &gt; 被点击，隐藏它，并显示&lt;a &gt;，并下拉第5个&lt;li&gt;以后的元素 <br />
<strong>Sixth part</strong>: 当&lt;a &gt; 被点击时，隐藏它，并显示&lt;a &gt;，并上提第5个 &lt;li&gt;以后的元素</font></p>
<font size="3">$(document).ready(function(){ //hide message_body after the first one $(&quot;.message_list .message_body:gt(0)&quot;).hide(); //hide message li after the 5th $(&quot;.message_list li:gt(4)&quot;).hide(); //toggle message_body $(&quot;.message_head&quot;).click(function(){ $(this).next(&quot;.message_body&quot;).slideToggle(500) return false; }); //collapse all messages $(&quot;.collpase_all_message&quot;).click(function(){ $(&quot;.message_body&quot;).slideUp(500) return false; }); //show all messages $(&quot;.show_all_message&quot;).click(function(){ $(this).hide() $(&quot;.show_recent_only&quot;).show() $(&quot;.message_list li:gt(4)&quot;).slideDown() return false; }); //show recent messages only $(&quot;.show_recent_only&quot;).click(function(){ $(this).hide() $(&quot;.show_all_message&quot;).show() $(&quot;.message_list li:gt(4)&quot;).slideUp() return false; }); }); </font>
<p><font size="3">我想你可能见过最多次这个效果是在Wordpress后台的评论管理面板那好，让我们来用jQuery来模仿它的效果为了实现背景颜色，你需要包含这个插件(view demo)</font></p>
<p><font size="3"><img height="368" src="http://www.webdesignerwall.com/wp-content/uploads/2008/02/sample7.gif" width="480" border="0" alt="" /></font></p>
<p><font size="3"><strong>First line</strong>: 向&lt;div &gt; 添加 &quot;alt&quot; class <br />
<strong>Second part</strong>: 当&lt;a &gt;被点击，激活&lt;div &gt;的不透明度 <br />
<strong>Third part</strong>: 当&lt;a &gt;被点击， 首先让&lt;div &gt;显示黄色，然后变为白色，并添加类（addClass）&quot;spam&quot; <br />
<strong>Fourth part</strong>: 当&lt;a &gt;被点击，首先让&lt;div &gt;显示绿色，然后变为白色，并移除类（removeClass）&quot;spam&quot; <br />
<strong>Fifth part</strong>: 当&lt;a &gt;被点击，激活背景色为red并使其opacity =&quot;hide&quot;</font></p>
<font size="3">//dont forget to include the Color Animations plugin//&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.color.js&quot;&gt;&lt;/script&gt; $(document).ready(function(){ $(&quot;.pane:even&quot;).addClass(&quot;alt&quot;); $(&quot;.pane .btn-delete&quot;).click(function(){ alert(&quot;This comment will be deleted!&quot;); $(this).parents(&quot;.pane&quot;).animate({ backgroundColor: &quot;#fbc7c7&quot; }, &quot;fast&quot;) .animate({ opacity: &quot;hide&quot; }, &quot;slow&quot;) return false; }); $(&quot;.pane .btn-unapprove&quot;).click(function(){ $(this).parents(&quot;.pane&quot;).animate({ backgroundColor: &quot;#fff568&quot; }, &quot;fast&quot;) .animate({ backgroundColor: &quot;#ffffff&quot; }, &quot;slow&quot;) .addClass(&quot;spam&quot;) return false; }); $(&quot;.pane .btn-approve&quot;).click(function(){ $(this).parents(&quot;.pane&quot;).animate({ backgroundColor: &quot;#dafda5&quot; }, &quot;fast&quot;) .animate({ backgroundColor: &quot;#ffffff&quot; }, &quot;slow&quot;) .removeClass(&quot;spam&quot;) return false; }); $(&quot;.pane .btn-spam&quot;).click(function(){ $(this).parents(&quot;.pane&quot;).animate({ backgroundColor: &quot;#fbc7c7&quot; }, &quot;fast&quot;) .animate({ opacity: &quot;hide&quot; }, &quot;slow&quot;) return false; }); }); </font>
<p><font size="3">如果你有一个项目需要显示多个图片，并且你不希望链向另一个页面，那么你可以在当前面加载目标链接的JPG</font></p>
<p><font size="3"><img height="400" src="http://farm4.static.flickr.com/3265/2577156548_a645e65a07_o.jpg" width="480" border="0" alt="" /></font></p>
<p><font size="3">首先，添加一个&lt;em&gt;到H2标签</font></p>
<p><font size="3">当&lt;p <br />
- 以可视的形式显示href属性的&quot;largePath&quot;路径 <br />
- 以可视的形式显示title 属性的&quot;largeAlt&quot; <br />
- 代换&lt;img &gt;的scr属性内可视的&quot;largePath&quot;路径，并代换alt属性内可视的&quot;largeAlt&quot; <br />
- 设置em内的内容(h2内) 为可视的largeAlt</font></p>
<font size="3">$(document).ready(function(){ $(&quot;h2&quot;).append(&lt;em&gt;&lt;/em&gt;) $(&quot;.thumbs a&quot;).click(function(){ var largePath = $(this).attr(&quot;href&quot;); var largeAlt = $(this).attr(&quot;title&quot;); $(&quot;#largeImg&quot;).attr({ src: largePath, alt: largeAlt }); $(&quot;h2 em&quot;).html(&quot; (&quot; + largeAlt + &quot;)&quot;); return false; }); }); </font>
<p><font size="3">在现代化的浏览器中，个性化不同的链接是非常容易的事，比如想让.pdf文件显示特殊的样式，你只需要添加上简单的CSS规则：a[href $='.pdf'] { }就可以实现，但不幸的是IE6并不支持这个如果想实现这个，你可以利用jQuery </font></p>
<p><font size="3"><img height="210" src="http://farm4.static.flickr.com/3265/2576326459_5198deb9a6_o.gif" width="426" border="0" alt="" /></font></p>
<p><font size="3">前三行代码必需是连续的，它只是一个&lt;a&gt;的href属性中的一个CSS class</font></p>
<p><font size="3">第二部分将会获取所有href中没有&quot;http://www.webdesignerwall.com&quot; 和/或没有&quot;#&quot;的&lt; a&gt;元素，并添加&quot;external&quot; class和target= &quot;_blank&quot;</font></p>
</div>
</div>
</div>
</div>
</div>
</div>
<p>&nbsp;</p>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/9/162.htm</link>
			<title><![CDATA[HEX码网址(16进制网址)与普通网址代码转换]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[网站经验]]></category>
			<pubDate>Wed,06 Jan 2010 13:21:58 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=162</guid>
		<description><![CDATA[&nbsp;&nbsp; 最近总有人发一些很奇怪的网址，由原来的真实网址变成了隐藏成16进制HEX码的形式。一般特征就是网址中包含了“%”字符。这类网址一定要慎重对待，很有可能目标网页挂了木马，或者涉及不良内容,还有可能仿造知名网站发布获奖信息，骗取钱财。<br/><br/><br/>　　为了防止类似事件再次发生，让同学们在第一时间得知真实地址，并妥善处理，介绍一下辨别该类网址的方法：<br/><br/><br/>把26个字母ASCII码与HEX码对照出来。<br/><br/>1、小写：abcdefghijklmnopqrstuvwxyz<br/><br/>HEX码：%61%62%63%64%65%66%67%68%69%6A%6B%6C%6D%6E%6F%70%71%72%73%74%75%76%77%78%79%7A<br/><br/>解释：a对应%61,b对应%62.....z对应%7A<br/><br/><br/>2、大写：ABCDEFGHIJKLMNOPQRSTUVWXYZ<br/><br/>HEX码：%41%42%43%44%45%46%47%48%49%4A%4B%4C%4D%4E%4F%50%51%52%53%54%55%56%57%58%59%5A<br/><br/><br/>3、数字及符号：0123456789-_.（后面是杠、下杠和点）<br/><br/>HEX码：%30%31%32%33%34%35%36%37%38%39%2D%5F%2E<br/><br/><br/>那么我们就可以根据加密的网址算出真实地址了。]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/8/161.htm</link>
			<title><![CDATA[解决2003局域网共享访问需要密码/右键没有 共享和安全 选项 的原因]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[服务器]]></category>
			<pubDate>Mon,28 Dec 2009 09:32:13 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=161</guid>
		<description><![CDATA[解决2003局域网共享访问需要密码/右键没有 共享和安全 选项 的原因<br/><br/>1.首先确定系统 server 服务正常开启<br/><br/>2.在文件夹选项内设置为 使用简单文件共享<br/><br/>3.在共享文件夹的安全选项内是否添加 guest 用户<br/><br/>4.控制面板→管理工具→本地安全策略→安全选项<br/><br/>&nbsp;&nbsp; →网络访问→本地帐户的共享和安全模式→仅来宾—本地用户以来宾身份验证<br/><br/>&nbsp;&nbsp; →帐户→来宾帐户状态→已启用<br/><br/>右键没有 共享和安全 选项 的原因<br/><br/>首先检查：<br/><br/>1.是否administrator身份登录<br/><br/>2.运行services.msc，检查server,workstation是否启动<br/><br/>3.本地连接属性，看“文件打印机共享”的服务是否安装<br/><br/>如果以上均正常，仍然看不到共享选项。<br/><br/>那么只有这样了:<br/><br/>控制面板- 管理工具 - 计算机管理 - 共享文件夹，双击“共享”，看到目录为空。右键点“新文件共享”，即可选择你要共享的文件夹。选择完后，会发现鼠标右键菜单多出了“共享”选项<br/><br/>为什么有的系统右键菜单有“共享”而有的没有？<br/><br/>因为windows系统默认会共享一个隐藏的IPC$，某些右键菜单有“共享”的系统，进入计算机管理 - 共享文件夹，双击“共享”，一定能看到已经共享了一个IPC$。如果删掉它，你会发现右键菜单里的“共享”消失了。<br/><br/>某些系统的右键菜单里之所以没有“共享”，可能是用某些优化工具禁用了IPC$共享。进入计算机管理 - 共享文件夹，双击“共享”，任意新建一个共享文件夹。你会发现右键菜单里的“共享”又回来了<br/><br/><br/>4:应该是关闭了系统服务中的&#34;Server&#34;服务和&#34;Computer Browser&#34;服务,要将它们重新开启`步骤是--&#34;我的电脑&#34;--&#34;右键&#34;--&#34;管理&#34;--&#34;服务和应用程序&#34;--&#34;服务&#34;--在右边对话框中找到&#34;Server&#34;服务和&#34;Computer Browser&#34;服务,双击它并将&#34;启动类型&#34;改为自动<br/><br/>5:最重要得一点一定要重启计算机.<br/> <br/><br/> <br/><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/9/160.htm</link>
			<title><![CDATA[windows7下建行网银点支付后页面无法响应]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[网站经验]]></category>
			<pubDate>Tue,01 Dec 2009 23:13:06 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=160</guid>
		<description><![CDATA[==其他可用网银（方法与上雷同，请根据不同网银做个性化调整）== <br/><br/><br/><br/>建行华宝E路通（感谢charlesou测试） <br/>[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Cryptography\Defaults\Provider\CIDC Cryptographic <br/>Service Provider v2.0.0] <br/>&#34;Image Path&#34;=&#34;%SystemRoot%\System32\CIDC_CSP.dll&#34; <br/>]]></description>
		</item>
		
			<item>
			<link>http://www.wenmc.com/article/4/159.htm</link>
			<title><![CDATA[批量更改图片名称及处理数据库相关图片名称]]></title>
			<author>qztk#163.com(winxml)</author>
			<category><![CDATA[Asp]]></category>
			<pubDate>Sat,21 Nov 2009 18:54:03 +0800</pubDate>
			<guid>http://www.wenmc.com/default.asp?id=159</guid>
		<description><![CDATA[数据提交页:<br/><div class="UBBPanel codePanel"><div class="UBBTitle"><img src="http://www.wenmc.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"> &lt;form name=&#34;form1&#34; method=&#34;get&#34; action=&#34;refile.asp&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input name=&#34;path&#34; type=&#34;hidden&#34; id=&#34;path&#34; value=&#34;&lt;%=UploadDir%&gt;&#34;&gt;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&nbsp;&nbsp;&lt;input name=&#34;url&#34; type=&#34;hidden&#34;&nbsp;&nbsp;value=&#34;FileManage_Down.asp&#34;&gt;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&nbsp;&nbsp;&lt;input name=&#34;tname&#34; type=&#34;hidden&#34; id=&#34;tname&#34; value=&#34;&lt;%=theFile.Name%&gt;&#34;&gt;&lt;input name=&#34;newname&#34; type=&#34;text&#34; id=&#34;newname&#34; value=&#34;&lt;%=theFile.Name%&gt;&#34;&gt;&lt;input type=&#34;submit&#34; name=&#34;Submit&#34; value=&#34;修改&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/form&gt;</div></div><br/>数据处理页:<br/><div class="UBBPanel codePanel"><div class="UBBTitle"><img src="http://www.wenmc.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>&lt;%<br/>Dim fso,tname,path,newname,url<br/>url=request(&#34;url&#34;)<br/>newname=request(&#34;newname&#34;)<br/>path=request(&#34;path&#34;)<br/>tname=request(&#34;tname&#34;)<br/>&nbsp;&nbsp; Set fso = Cr&#101;ateObject(&#34;Scripting.FileSystemObject&#34;)<br/>&nbsp;&nbsp;fso.MoveFile server.mappath(path&amp;tname),server.mappath(path&amp;newname)<br/>&nbsp;&nbsp; Set fso=Nothing<br/>&nbsp;&nbsp; <br/>Set Conn&nbsp;&nbsp; = Server.Cr&#101;ateObject(&#34;ADODB.Connection&#34;)<br/>Conn.Open&nbsp;&nbsp;&#34;Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&#34; &amp; Server.MapPath(&#34;../db/com02.mdb&#34;)<br/>Set rs = Server.Cr&#101;ateobject(&#34;ADODB.Recordset&#34;)<br/>sql=&#34;Sel&#101;ct * from [Download]&#34;<br/>rs.open sql,conn,1,3<br/>while not rs.eof<br/> rs(&#34;DownloadUrl&#34;)=replace(rs(&#34;DownloadUrl&#34;),tname,newname)<br/> rs(&#34;Content&#34;)=replace(rs(&#34;Content&#34;),tname,newname)<br/> rs(&#34;PhotoUrl&#34;)=replace(rs(&#34;PhotoUrl&#34;),tname,newname)<br/> <br/> rs.up&#100;ate<br/> rs.movenext<br/>wend<br/>rs.close<br/>set rs=nothing<br/>Set rs = Server.Cr&#101;ateobject(&#34;ADODB.Recordset&#34;)<br/>sql=&#34;Sel&#101;ct * from [news]&#34;<br/>rs.open sql,conn,1,3<br/>while not rs.eof<br/> rs(&#34;Content&#34;)=replace(rs(&#34;Content&#34;),tname,newname)<br/> rs.up&#100;ate<br/> rs.movenext<br/>wend<br/>rs.close<br/>set rs=nothing<br/>conn.close<br/>set conn=nothing<br/><br/><br/>&nbsp;&nbsp; response.Redirect(url)<br/>&nbsp;&nbsp; response.end<br/>%&gt; <br/> </div></div>]]></description>
		</item>
		
</channel>
</rss>
