布丁足迹http://www.ddhbb.com/WEB前端技术RainbowSoft Studio Z-Blog 1.8 Walle Build 100427zh-CN[过度上网，有害健康]    感谢诚网科技提供空间版权所有 © 2007-2010 布丁足迹 辽ICP备08100443号 Fri, 20 Jan 2012 15:58:45 +0800荷兰设计新奇漂浮公园将成野生动物天堂pjwhl@163.com (王虹力)http://www.ddhbb.com/post/784.htmlFri, 20 Jan 2012 15:51:18 +0800http://www.ddhbb.com/post/784.html        首先是支持，现在的社会，人们动的生活质量不段提高，住的玩的都越来越高挡，可我们的地球不只是只有人类需要提高生活质量哟，看看荷兰的设计师，能为动物去设计个家园，希望我们国内也应该也为动物家园多做点帮助了。

“海洋之树”是一种多层复合结构，能够为多种野生动物提供多层绿色栖息地。
“海洋之树”是一种多层复合结构，能够为多种野生动物提供多层绿色栖息地。
这个建设于水上的公园除了能够为鸟类、蜜蜂、蝙蝠和其他小型动物提供宝贵的生存环境，它还能够延伸到水下，为水生动物提供良好的生存栖息地。　　
这个建设于水上的公园除了能够为鸟类、蜜蜂、蝙蝠和其他小型动物提供宝贵的生存环境，它还能够延伸到水下，为水生动物提供良好的生存栖息地。
“海洋之树”是一种环境友好型结构，它将是许多野生动物的天堂。
“海洋之树”是一种环境友好型结构，它将是许多野生动物的天堂。
“海洋之树”将能够为多种野生动物提供许多城市所不能提供的生存环境。
“海洋之树”将能够为多种野生动物提供许多城市所不能提供的生存环境。
水面之上的动物将占据“海洋之树”的上半部分，水下部分则由水生动物占领。
水面之上的动物将占据“海洋之树”的上半部分，水下部分则由水生动物占领。

　　新浪科技讯 北京时间1月20日消息，据国外媒体报道，随着世界城市人口的日益膨胀，市区内的开阔空地也成为了越来越稀缺的事物。针对这一问题，荷兰水工作室公司设计师科恩-奥尔瑟斯近日专门设计了一种新奇的漂浮公园--“海洋之树”。“海洋之树”是一种多层复合结构，能够为多种野生动物提供多层绿色栖息地，它将成为野生动物的天堂，并且能够很好地解决日益严重的污染问题。

　　据设计师科恩-奥尔瑟斯介绍，这个建设于水上的公园将能够为鸟类、蜜蜂、蝙蝠和其他小型动物提供宝贵的生存环境，并为城市环境带来积极的绿色效应。此外，它还能够延伸到水下，为水生动物提供良好的生存栖息地。“海洋之树”主要是针对拥有大型水体的城市而设计，如伦敦和纽约。设计师之所以设计这种方案，是因为现在已经很难在城市内陆地上拓展公园区域，他认为河流、海洋、湖泊和港口等开放区域可以有很好的利用价值。

　　奥尔瑟斯提出，可以采用类似于海洋石油钻探的海上技术来建造“海洋之树”，并建议石油公司应向各城市提供建造“海洋之树”的赞助，以显示他们对城市环境建设的关注。

　　“海洋之树”将通过水下钢索固定于海床之上，其高度和入水深度将依据所处的位置灵活调整。奥尔瑟斯表示，“在水下，‘海洋之树’将为小型水生动物提供很好的栖息环境。此外，如果气候允许，还可以打造人工珊瑚礁。这项设计的美丽之处在于它提供了一种环境保护解决方案，同时又不会占用宝贵的陆地空间。‘海洋之树’上栖息的生物物种反过来又会影响周围数英里范围内的环境。”

　　荷兰水工作室公司声称，“海洋之树”将在两年内完全实现，目前已有一家不愿透露名称的客户对这一方案表示了强烈的兴趣。(彬彬)

]]>设计路上http://www.ddhbb.com/post/784.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=784http://www.ddhbb.com/cmd.asp?act=tb&id=784&key=1c0198e9桑塔纳\普桑手刹过紧的问题解决方法？pjwhl@163.com (王虹力)http://www.ddhbb.com/post/783.htmlFri, 20 Jan 2012 10:01:08 +0800http://www.ddhbb.com/post/783.html        终于松快了，两个星期前，我的大桑不知怎么的，晚上正常停完车，早上要开时发现手刹放不下，力量加大，可以放下，但就是过紧，后来去牛B的车S店看了下，接待员试了下说没事，是手杀跳档，还说你的刹车也应该高了。（不过我都没有感觉呀）。就这样被P回来了，又开了一个多星期，感觉后刹车片总有异响，类似吹口哨，另外停车时，有点罢劲的感觉。实在受不了，又去了4S店，这次我直接早的经理，没用接待。经理立马给安排了个修理员，掉起底盘后，手动转到我的右后轮，靠，左后花手一转，嗷嗷的动，右后轮跟本转不动，这给我坑的，车憋了多少天了，真心疼呀，后来修理员把，中间刹车线，用旋转扳手，卡卡松了几下，就解决了。就这么简单。哎，让大桑受苦喽。

问题：普桑手刹过紧，而且原向上拉手刹时有3个档，现在变成一个档了。

解决：底盘中间刹车线，用调节扳手松几个就可以解决了。

]]>成长足迹http://www.ddhbb.com/post/783.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=783http://www.ddhbb.com/cmd.asp?act=tb&id=783&key=0b74970a看似宇宙飞船的设计，不谈设计，就光有这个想像力就很牛了。pjwhl@163.com (王虹力)http://www.ddhbb.com/post/782.htmlMon, 16 Jan 2012 16:55:05 +0800http://www.ddhbb.com/post/782.html

点点网上看到这一套机械篇设计，看似2012的大船哟，这里不谈设计，就光有这个想像力就很牛了。佩服佩服！！！收藏过来。

 
 
 
 
 
 
 

 
 

 

 
 
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
]]>设计路上http://www.ddhbb.com/post/782.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=782http://www.ddhbb.com/cmd.asp?act=tb&id=782&key=a543b11f日本超酷的超导磁场赛道演示pjwhl@163.com (王虹力)http://www.ddhbb.com/post/781.htmlFri, 06 Jan 2012 20:14:53 +0800http://www.ddhbb.com/post/781.html在北京科学宫，看过一次演示，磁悬浮列车，今天看这个好像灵度更多高，更敏捷，这让我联想到好多科幻片里的镜头，是不是要到2035年了呀。呵呵。

]]>影音博览http://www.ddhbb.com/post/781.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=781http://www.ddhbb.com/cmd.asp?act=tb&id=781&key=64c3c584css 鼠标提示样式预览表pjwhl@163.com (王虹力)http://www.ddhbb.com/post/775.htmlTue, 20 Dec 2011 09:09:58 +0800http://www.ddhbb.com/post/775.htmlcursor版本：CSS2　 兼容性：IE4.0+ NS6.0+　继承性：有

语法：
cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )
取值：

auto :　   默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll :　 IE6.0 有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize :　 IE6.0 有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair :　   简单的十字线光标。
default :　   客户端平台的默认光标。通常是一个箭头。
hand :　   竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move :　   十字箭头光标。用于标示对象可被移动。
help :　   带有问号标记的箭头。用于标示有帮助信息存在。
no-drop :　 IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed :　 IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer :　 IE6.0 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress :　 IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize :　 IE6.0 有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text :　   用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
vertical-text :　 IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait :　   用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize :　   用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url ) :　 IE6.0 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。

说明：
设置或检索在对象上移动的鼠标指针采用的光标形状。
此属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用。光标不会被改变。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 cursor 。
示例：
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }

 

把你的光标放到相应文字上鼠标显示效果

注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果不一定完全一致。

cursor: auto;


自动

The browser sets a cursor

浏览器设置一个游标

cursor:all-scroll;

 

上下左右任何方向滚动

IE6.0有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。

cursor: crosshair;


十字准心

The cursor render as a crosshair

游标表现为十字准线

cursor: pointer;

cursor: hand;

写两个是为了照顾IE5，它只认hand。


手

The cursor render as a pointer (a hand) that indicates a link

游标以暗示(手指)的形式来表明有一个连接

cursor: wait;


等待/沙漏

The cursor indicates that the program is busy (often a watch or an hourglass)

游标暗示当前程序正忙(一般为一块表或是一个沙漏)

cursor: help;


帮助

The cursor indicates that help is available (often a question mark or a balloon)

游标暗示当前位置可得到帮助(一般为问号或是气球)

cursor: no-drop;


无法释放

cursor: no-drop;

cursor: text;


文字/编辑

The cursor indicates text

游标暗示当前所处位置为文字内容

cursor: move;


可移动对象

The cursor indicates something that should be moved

游标暗示一些东西应该被移动

cursor:vertical-text

 

可编辑的垂直文本的光标

IE6.0用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。

cursor: n-resize;


向上改变大小(North)

The cursor indicates that an edge of a box is to be moved up (north)

边缘可向上移动(北)

cursor: s-resize;


向下改变大小(South)

The cursor indicates that an edge of a box is to be moved down (south)

边缘可向下方移动(南)

cursor: e-resize;


向右改变大小(East)

The cursor indicates that an edge of a box is to be moved right (east)

box边缘可向右(东)边移动

cursor: w-resize;


向左改变大小(West)

The cursor indicates that an edge of a box is to be moved left (west)

边缘可向左移动(西)

cursor: ne-resize;


向上右改变大小(North East)

The cursor indicates that an edge of a box is to be moved up and right (north/east)

游标暗示box的边缘可向右上方移动(东北方向)

cursor: nw-resize;


向上左改变大小(North West)

The cursor indicates that an edge of a box is to be moved up and left (north/west)

边缘可向左上方移动(西北)

cursor: se-resize;


向下右改变大小(South East)

The cursor indicates that an edge of a box is to be moved down and right (south/east)

边缘可向右下方移动(东南)

cursor: sw-resize;


向下左改变大小(South West)

The cursor indicates that an edge of a box is to be moved down and left (south/west)

边缘可向左下方移动(西南)

cursor:col-resize;

 

项目可被水平改变尺寸

IE6.0有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。

cursor:row-resize;

 

项目可被垂直改变尺寸

IE6.0有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。

cursor:not-allowed;


禁止

cursor:not-allowed;

cursor: progress;


处理中

cursor: progress;

cursor: default;


系统默认

The default cursor (often an arrow)

默认的游标状态（通常为一个箭头）

cursor: url(' # ');

# = 光标文件地址      (注意文件格式必须为：.cur 或 .ani)。


用户自定义（可用动画）

The url of a custom cursor to be used.

自定义游标的url位置

Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used

注意：在定义完自定义的游标之后在末尾加上一般性的游标，以防那些url所定义的游标不能使用

但要说明一点：cursor: hand不符合标准，所以如果希望是手型的话还是用cursor: pointer比较好。

]]>设计路上http://www.ddhbb.com/post/775.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=775http://www.ddhbb.com/cmd.asp?act=tb&id=775&key=0df8d889经典创意节电广告，现在珍惜还不晚之节电篇pjwhl@163.com (王虹力)http://www.ddhbb.com/post/774.htmlFri, 16 Dec 2011 19:53:49 +0800http://www.ddhbb.com/post/774.html中央13台看着这广告，立马就到网上来找，一个一个小环节很连贯，帅呆了，必须收藏了，不知道是哪个高手团队搞出来的，我的点评就是极佳创意节电广告。牛。

]]>广告创意http://www.ddhbb.com/post/774.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=774http://www.ddhbb.com/cmd.asp?act=tb&id=774&key=adf48fcccheckbox 边距留白BUG 解决方法pjwhl@163.com (王虹力)http://www.ddhbb.com/post/771.htmlThu, 01 Dec 2011 16:21:05 +0800http://www.ddhbb.com/post/771.html在IE6中checkbox距离左边框有4像素的间隔，而在FF,遨游中都正常。

简单的解决方法：

1.设置checkbox的width属性，值差不多是14px，仍然会有一些细微的差别，可以忽略了。如果width超过14px，IE6和FF中都表现为checkbox和左边框有空白间隔，checkbox的大小没有改变。

2.如果同时设置了checkbox的width和height属性，IE6和FF中checkbox的大小会根据所设置的值缩放。

 

 

]]>前端技术http://www.ddhbb.com/post/771.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=771http://www.ddhbb.com/cmd.asp?act=tb&id=771&key=85b7c6c2熙康网大团聚.pjwhl@163.com (王虹力)http://www.ddhbb.com/post/770.htmlFri, 25 Nov 2011 11:02:23 +0800http://www.ddhbb.com/post/770.html历经N个月,终于团聚喽,但对于我们熙康来人来说,这只是战斗开始,有了好枪,好炮,在加上我们团结一心,齐心合力,定能漂漂亮亮的完成任务.

]]>成长足迹http://www.ddhbb.com/post/770.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=770http://www.ddhbb.com/cmd.asp?act=tb&id=770&key=22c04db1美网站评出年度最差25个密码,可以留意一下．pjwhl@163.com (王虹力)http://www.ddhbb.com/post/769.htmlMon, 21 Nov 2011 09:09:28 +0800http://www.ddhbb.com/post/769.html新快报讯 在高科技如此发达的现在，每个人都拥有很多不同的用户名和密码。但是，你的密码够好够安全么？据美国雅虎新闻网19日报道，新闻博客网站Mashable报道，密码管理应用提供商SplashData总结出2011年度最差25个密码。入榜密码大多有规律可循，多为键盘上的临近键或常见姓名。对此，专家建议，为了保障网络安全，最好常换密码。

　　大多有规律可循

　　据SplashData公司介绍，他们通过分析黑客张贴在网上的数百万个被盗用户名和密码，才得出这个最差密码排行榜的。在这里，“最差”则意味着最容易被人猜中，最容易被黑客盗走。

　　入榜密码大多有规律可循，多为键盘上的临近键或常见名字，例如“123456”、“abc123”、“Michael”等。最常见的密码是password（密码的英文）。把其中的字母O改成数字0似乎是个聪明办法，但事实上这个密码也上榜了，名列第18位。

　　专家建议常换密码

　　来自电脑防毒软件诺顿公司的网络安全专家西蒙·埃尔森表示，一旦网络犯罪分子盗取账号，他们就很有可能偷取用户信息，广泛发送诈骗信息。因此，建议大家常换密码，同时在换密码的时候要尽量避免重复。

　　“目前网络安全存在一个最大的隐患，就是许多人在给不同账户设置密码时喜欢用相同的密码。但是一旦遭受黑客攻击，你的所有账户都变得很不安全，因为一旦破解了第一个账户，你其他账户也都破解了。”

　　此外，埃尔森介绍，在创建密码时，最好把数字、字母和符号都用上。此外，最好不要用出生日期之类的个人信息、有规律的序列排号或者数字、字母的重复。

　　2011年年度最差25个密码

　　1.password（密码）

　　2.123456

　　3.12345678

　　4.Qwerty（电脑标准键盘）

　　5.abc123

　　6.Monkey（猴子）

　　7.1234567

　　8.Letmein（让我进）

　　9.trustno1（不信1）

　　10.Dragon（龙）

　　11.Baseball（棒球）

　　12.111111

　　13.Iloveyou（我爱你）

　　14.Master（主人）

　　15.Sunshine（阳光）

　　16.Ashley（人名）

　　17.Bailey（人名）

　　18.passw0rd

　　19.Shadow（影子）

　　20.123123

　　21.654321

　　22.Superman（超人）

　　23.Qazwsx

　　24.Michael

　　25.football（足球）

]]>电脑网络http://www.ddhbb.com/post/769.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=769http://www.ddhbb.com/cmd.asp?act=tb&id=769&key=d52f1d2adiv css 实现边框透明内容不透明的解决方法pjwhl@163.com (王虹力)http://www.ddhbb.com/post/768.htmlTue, 15 Nov 2011 08:59:53 +0800http://www.ddhbb.com/post/768.htmldiv css 实现边框透明内容不透明的解决方法，效果如下：兼容IE6/7/8/FF

 

代码如下：-----------------------------------------------------------------------------------

 <!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=utf-8" />
<title>布丁足迹ddhbb.com－弹出层边框透明</title>
<style type="text/css">
body{background:url(http://www.ddhbb.com/logo.gif); padding:50px;}

/*home*/
.alphaContainer{border:solid 1px #333; width:440px; height:336px;position:relative;overflow:hidden;padding:10px;}
.alphaContainer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
b.alphaBg{opacity:0.4;background:#000;height:2000px;position:absolute;left:0;top:0;width:460px;z-index:1;text-indent:-999em;}
.content{position:relative;z-index:2;background:#fff;width:440px;float:left; background:#0033CC;}
.content h1{height:26px; padding:0 0 0 6px; font-size:14px; font-weight:bold; color:#FFFFFF;background:#5cb535; overflow:hidden;margin:0;}
.content h1 span{ float:left; padding-top:6px;}
.content h1 .close{ float:right; display:block;width:16px; height:16px;background:url(close.gif) no-repeat; margin:5px 6px 0 0;}
.content_info{ width:380px; height:262px; padding:24px 30px; background:#fff; overflow:hidden;}
.content_info p{ font-size:12px;margin:0;}
.content_info .content_info_down{ padding:10px 0; font-size:12px;}
.content_info .content_info_down select{ width:169px; height:20px; border:1px solid #999999; font-size:12px;}
.content_info_txt{ font-size:12px;}
.content_info_txt span{ float:left;}
.content_info_txt textarea{ width:330px; height:170px;}
.content_info_bt{ padding:16px 0 0 36px;}
.content_info_bt input{ width:50px; height:22px; padding-top:2px; border:1px solid #008733; background:#61b73a; color:#FFFFFF;}
/*end*/

<!--[if IE]><style type="text/css">.alphaContainer{zoom:1;}b.alphaBg{filter:alpha(opacity=40);zoom:1;}</style><![endif]-->
<!--[if IE 6]><style type="text/css">b.alphaBg{padding-right:20px; margin-bottom:-10px;}/*注意：如果.alphaContainer{padding:10px;}那么这里padding-right:20px;*/</style><![endif]-->

</style>
</head>
<body>
<!--alphaContainer_home-->
<div class="alphaContainer">
 <b class="alphaBg">这个层用来显示背景</b>
 <div class="content">
    <h1><span>我要纠错</span><a href="http://www.ddhbb.com/" target="_blank" title="关闭" class="close"></a></h1>
    <div class="content_info">
        <p>请选择要纠错的模块,并填写具体描述,提交之后我们会第一时间处理。</p>
        <div class="content_info_down">类型：<select>
          <option>食材正文图片</option>
        </select></div>
        <div class="content_info_txt"><span>内容：</span><textarea name="" cols="" rows=""></textarea></div>
        <div class="content_info_bt"><input name="" type="submit" value="提交" /> <input name="" type="submit" value="取消" />
        </div>
    </div>
 </div>
</div>
<!--alphaContainer_end-->
</body>
</html>

]]>前端技术http://www.ddhbb.com/post/768.html#commenthttp://www.ddhbb.com/http://www.ddhbb.com/feed.asp?cmt=768http://www.ddhbb.com/cmd.asp?act=tb&id=768&key=a9ba4c65