博客园-cloudgamerhttp://www.cnblogs.com/cloudgamer/zh-cnThu, 28 Aug 2008 18:07:30 GMTThu, 28 Aug 2008 18:07:30 GMT60JavaScript 渐变效果http://www.cnblogs.com/cloudgamer/archive/2008/08/27/1277131.htmlcloudgamercloudgamerTue, 26 Aug 2008 16:17:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/08/27/1277131.htmlhttp://www.cnblogs.com/cloudgamer/comments/1277131.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/08/27/1277131.html#Feedback32http://www.cnblogs.com/cloudgamer/comments/commentRss/1277131.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1277131.html近来有人问lightbox那个弹出框的渐变效果怎么做，我还没做过呢，那就做一个吧。

 

暂时实现了宽度、高度、透明度的渐变，还能以高度宽度中点为中心，还扩展成以任意点为中心渐变（实例中以点击点为中心）。

 

效果：

 



[新闻]轮回－新浪推出Facebook模式的SNS]]>JavaScript blog式日历控件http://www.cnblogs.com/cloudgamer/archive/2008/08/23/1274459.htmlcloudgamercloudgamerFri, 22 Aug 2008 16:25:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/08/23/1274459.htmlhttp://www.cnblogs.com/cloudgamer/comments/1274459.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/08/23/1274459.html#Feedback5http://www.cnblogs.com/cloudgamer/comments/commentRss/1274459.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1274459.html阅读全文

[新闻]惠普139亿美元完成对EDS的收购]]>Javascript 读后台cookiehttp://www.cnblogs.com/cloudgamer/archive/2008/08/08/1263867.htmlcloudgamercloudgamerFri, 08 Aug 2008 08:35:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/08/08/1263867.htmlhttp://www.cnblogs.com/cloudgamer/comments/1263867.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/08/08/1263867.html#Feedback0http://www.cnblogs.com/cloudgamer/comments/commentRss/1263867.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1263867.html由于asp的cookie是经过url编码的，所以读之前要unescape一下。

下面是我用正则的方法取cookie，包括单值和多值：

 

/************************************************** 
参数说明： 
sMainName Cookie名 
sSubName Cookie子键名，留空表示单值Cookie 
**************************************************/ 
function GetCookie(sMainName, sSubName)
{
    var re = new RegExp(sMainName + (sSubName ? "=" + sSubName : "") + "=(.*?);", "i");
    return re.test(unescape(document.cookie)) ? RegExp["$1"] : "";
}

 

有不完善的话，谢谢指出。



[新闻]搜狗五笔输入法发布]]>web开发未解之谜http://www.cnblogs.com/cloudgamer/archive/2008/07/27/1252308.htmlcloudgamercloudgamerSat, 26 Jul 2008 19:31:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/07/27/1252308.htmlhttp://www.cnblogs.com/cloudgamer/comments/1252308.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/07/27/1252308.html#Feedback0http://www.cnblogs.com/cloudgamer/comments/commentRss/1252308.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1252308.html下面是我遇到或看到的一些未解决的问题，希望知道解决方法的人能解析一下：

 

ff下的奇怪现象

 

<script type="text/javascript">
var $ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};

var bb=function(){
    document.onmousemove = function(){ $("aa").innerHTML+="1"; };
}
</script>
<div style="width:100px;height:100px;background-color:#000000;" onmousedown="bb()"> </div>
<div style="width:100px;height:100px;background-color:#FF0000;" onmousedown="bb()">123</div>
<div id="aa"></div>

 

测试：点击其中一个div然后在浏览器的内外拖动
在ie下两个div的表现是一样的document.onmousemove 在浏览器内外都有触发
但ff下有内容的跟ie相同但没有内容的拖到浏览器外就没反应了
未有解决方法

 

 

 ie7的li:hover问题

 

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
<head> 
</head> 
<body>
<style type="text/css">  
#list span { left:-999em;position: absolute; } 
#list:hover span, #list.on span { left:auto; }
</style> 
<ul> 
<li id="list">产品介绍<span>产品一</span>  
</li> 
</ul> 
<input type="text"/>
<script>
var o = document.getElementById("list"); 
o.onmouseover=function() { this.className="on"; }
o.onmouseout=function() { this.className=""; } 
</script> 
</body> 
</html>

 

 ie6和ff都很正常

但ie7就有问题，当把光标放在文本框中，然后再把鼠标放在菜单上，弹出来的菜单就不会消失了

解决方法是去掉#list:hover或者加一个样式在onmouseout中设置

但未知什么原因

 

 

ie6的line-height失效问题

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<p style="line-height:30px;"> 服务：
  <input name="" type="text"/>
  <br />
  特别推荐：
  <input name="" type="text"/>
  <br />
  交通停车：
  <input name="" type="text"/>
</p>
</body>
</html>

 

ie7和ff显示正常
但ie6的line-height就没效果

未知解决方法，未知原因

 

ie高度设置问题

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<body>
<style type="text/css">
*{ padding:0px; margin:0px;}
html,body{overflow:hidden;height:100%; width:100%;}
</style>
<table style="width:100%; height:100%;" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style="height:100px;">22222222222</td>
  </tr>
  <tr>
    <td>mid</td>
  </tr>
  <tr>
    <td style="height:100px;">111111111</td>
  </tr>
</table>
</body>
</html>

 

这是一个全屏的三层样式

ff的效果应该是正确的
但在ie里上下两块的高度都不是设定的100px

未知原因，未有解决方法

 

 js的正则问题

 

function a(val) 
{ 
  var re = /^\d+$/g;
  alert(re.lastIndex);
  return re.test(val); 
} 
alert(a(5)); 
alert(a(6));

 

用ie的话是0 true 0 true
用ff的话是0 true 1 false

原因没有弄清楚

不过直接用new RegExp的方法能解决

 

ie透明背景问题

 

Code

 

ff中正常，在ie中点击div中文字以外的部分会没反应。

如果有background-color就没问题，未知原因。

 

document.body.appendChild()导致IE已终止操作

 

以下代码会导致在ie出错“已终止操作”，ff中是没问题的：

Code

 

但脚本如果不套在div里面又没问题，

未知原因，估计跟dom有关（网上说是跟body的加载顺序有关）。

解决方法是用一个setTimeout来延时异步操作



[新闻]新学年开始 大学生适用的十大互联网应用]]>JavaScript 图片切割效果（带拖放、缩放效果）http://www.cnblogs.com/cloudgamer/archive/2008/07/21/1247267.htmlcloudgamercloudgamerSun, 20 Jul 2008 17:20:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/07/21/1247267.htmlhttp://www.cnblogs.com/cloudgamer/comments/1247267.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/07/21/1247267.html#Feedback52http://www.cnblogs.com/cloudgamer/comments/commentRss/1247267.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1247267.html阅读全文

[新闻]Google拟在9月发布自有浏览器 或采用火狐内核]]>JavaScript 图片切换展示效果http://www.cnblogs.com/cloudgamer/archive/2008/07/06/1236770.htmlcloudgamercloudgamerSat, 05 Jul 2008 17:25:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/07/06/1236770.htmlhttp://www.cnblogs.com/cloudgamer/comments/1236770.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/07/06/1236770.html#Feedback42http://www.cnblogs.com/cloudgamer/comments/commentRss/1236770.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1236770.html阅读全文

[新闻]微软正在构思将Wi-Fi带入汽车]]>JavaScript 自定义多级联动浮动菜单http://www.cnblogs.com/cloudgamer/archive/2008/06/28/1231557.htmlcloudgamercloudgamerSat, 28 Jun 2008 03:32:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/06/28/1231557.htmlhttp://www.cnblogs.com/cloudgamer/comments/1231557.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/06/28/1231557.html#Feedback18http://www.cnblogs.com/cloudgamer/comments/commentRss/1231557.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1231557.html阅读全文

[新闻]对比测试：IE8 Beta 2 VS Firefox 3.0.1]]>JavaScript 自定义多级联动下拉菜单http://www.cnblogs.com/cloudgamer/archive/2008/06/24/1228736.htmlcloudgamercloudgamerTue, 24 Jun 2008 02:52:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/06/24/1228736.htmlhttp://www.cnblogs.com/cloudgamer/comments/1228736.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/06/24/1228736.html#Feedback0http://www.cnblogs.com/cloudgamer/comments/commentRss/1228736.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1228736.html阅读全文

[新闻]iPhone存在严重密码安全漏洞]]>asp 遍历文件夹http://www.cnblogs.com/cloudgamer/archive/2008/06/18/1219299.htmlcloudgamercloudgamerWed, 18 Jun 2008 08:09:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/06/18/1219299.htmlhttp://www.cnblogs.com/cloudgamer/comments/1219299.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/06/18/1219299.html#Feedback0http://www.cnblogs.com/cloudgamer/comments/commentRss/1219299.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1219299.htmlCode

[新闻]GC2008：星际争霸2进程报告 微调进程延续]]>JavaScript 图片变换效果(ie only)http://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.htmlcloudgamercloudgamerFri, 23 May 2008 04:02:00 GMThttp://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.htmlhttp://www.cnblogs.com/cloudgamer/comments/1205642.htmlhttp://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.html#Feedback13http://www.cnblogs.com/cloudgamer/comments/commentRss/1205642.htmlhttp://www.cnblogs.com/cloudgamer/services/trackbacks/1205642.html阅读全文

[新闻]科学家在世界最大对撞机中观察到首批粒子]]>