The Little Ninja - Ninjai

Xhtml,css,movie,music,graphic design

 

Alizee-La_isla_bonita 日期:2008-05-03

Filed under: 美味生活 — Ninja @ 9:47 pm

今儿个送上一首清新得法国歌曲(我是顶风作案,不容易啊!)《风光秀丽的小岛》,放松一下!

 
 

parseInt , parseFloat的区别 日期:2008-04-28

Filed under: 好好学习 — Ninja @ 3:42 pm

无论字符串的格式是个整数还是个浮点数,parseInt函数都返回字符串中的数字的整数部分。parseFloat函数返回字符串中第一个非数值字母之前的数字的浮点值。

举例:

var iValue = parseInt(”33.00″);

document.writeIn(”[p]” + iValue + “[/p]”);

var fValue = parseFloat(”1.454g3inch”);

document.writeIn(”[p]” + fValue + “[/p]”);

 由于编辑器的问题” < " " > ” 用” [ ” ” ] “代替

该页面打印出的值为:

33

1.454

 
 

大神武功秘笈! 图解KOBE六种必杀技 日期:2008-04-21

Filed under: 我爱运动 — Ninja @ 2:29 pm
2_12801.jpg

科比今年再一次成为人们议论的焦点,不仅是因为他带领湖人再次登顶西部,还有他穿一双火一双的NIKE球鞋。近日NIKE专门请来了漫画大师,将科比的那些招牌

动作一一呈现在了漫画里,先期曝光的有6组,大家先睹为快吧!

Pump Fake Jumper
虚晃跳投

 

20080418145041720.jpg

 

(more…)

 
 

Hello.world! 日期:2008-04-14

Filed under: 好好学习 — Ninja @ 2:03 pm

js在封闭的时候学了一点,迷迷糊糊的。给我的感觉就是无数的大括号嵌套无数的小括号,非常烦!可能是我笨吧,也可能是我逻辑思维差!总是被无数的括号弄的迷迷糊糊。唉~没办法,谁让我是搞这行的呢。 

一咬牙,一跺脚,再让我迷糊一回吧!

document.write(”Hello.world”);

 
 

完美的水平垂直居中!!–兼容ie6,ie7,ff,opera,safari3.1 日期:2008-04-02

Filed under: 美味生活 — Ninja @ 3:29 pm

.wrapper{ width:500px; height:400px; background:#ccc; border:1px #000 solid;}
.holder{width:400px; height:200px; display:table; position:relative; margin:12px auto; border:1px solid #596480; background:#ffc;}
.holder div{*position:absolute; top:50%; left:0; display:table-cell; vertical-align:middle; width:100%;}
.holder p{position: relative; top:-50%; text-align:center; margin:0; padding:0;}

分两套看
holder的 display:table
holder div的 display:table-cell; vertical-align:middle;
就可以实现在ff,safari和opera下的垂直居中,但是对ie系列无效
holder的 position:relative;
holder div的 *position:absolute;  top:50%; left:0;
.holder p的 position: relative;  top:-50%;
通过控制绝对层的位置实现ie6,7下的垂直居中
holder div中的*position:absolute是只给ie6和7看的css hack
对于水平居中要说的是如果holder div的width如果未指明100%,在ie7中它是不会自动延伸100%的,也就无法实现水平居中
display:table-cell; 以表格单元格的形式显示对象 

vertical-align:middle; 内容以对象中部对齐

display: inline-block;

inline-block的元素既可以像块元素一样定义宽高,又可以和内联元素排列在一行

若不理解,请深入了解上述3个属性的含义.valign针对ie,设置valign的宽高可帮助理解.(此句老手跳过)
[div class=”wrapper”]

    [div class=”holder”]

        [div] [p][img src=”http://www.chinavisual.com/images/cms/design/common/design_logo.gif” mce_src=”http://www.chinavisual.com/images/cms/design/common/design_logo.gif”  /][/p] [/div]

    [/div]

    [div style=”font-weight: bold; font-size: 14px; background: #006633; color: #ffffff; line-height: 40px; text-align: center”]

        以上的图片垂直并且水平居中,您可以改变holder的height和width进行测试

    [/div]

[/div]

测试:ie6,ie7,ff,opera,safari3.1通过。

 
 

更新换代–Razer蝰蛇 日期:2008-03-28

Filed under: 美味生活 — Ninja @ 5:52 pm

前几天购入razer鼠标一只,狂喜。

本打算在买habu.仔细想想,2个公司合作的产物,必然在技术上都有所保留。

试用了5天,来写下试用感受。

Razer DeathAdder鼠标主要特点:

  ① 1800 DPI 分辨率三代红外线传感器

  ② 1000Hz ULTRAPOLLING/1毫秒响应时间

  ③ 五个可编程按钮,获奖的 ON-THE-FLY SENSITIVITY灵敏度控制驱动程序

  ④ Razer 率先倡导的“Always-On”技术,允许游戏玩家不受反应时间的限制

  ⑤ 按钮表面采用 HYPERESPONSE技术防滑处理

  ⑥ 16 BIT 数据通道

  ⑦ 超滑特富龙垫脚,可使得游戏玩家享受平滑顺畅的操作手感。

  ⑧ 右手人体工程学设计

 

1.gif

  

外观:和IE3有些类似,重量也差不多。感觉就是IE3的翻版。

手感:比IE3小一些,对于手小的人来说握起来很舒服。磨砂的表面还可以防滑。当第一触摸它的时候,就已经爱上了它。

缺点:爱脏。(唉,这回不能一边啃鸭脖子,一边玩游戏了。)

 

2.gif

 

 

宽大的地盘,给手带来一种稳重感。

 

3.gif

 

Razer DeathAdder鼠标采用Razer新开发的3G红外线光学引擎,利用最新的静默式设计,比普通光学鼠标快2.25倍。配合Precision的精确技术,从而使DeathAdder鼠标在数据通道上从8位扩展到了16位,鼠标解析度达到1800 dpi,采样率也达到了6000 fps。

 

5.gif

 

Razer DeathAdder鼠标还特别设计了一个超大的呼吸灯,纯黑鼠身背部的“美杜沙”LOGO具有“呼吸式”灯光效果,会发出时明时暗的幽亮蓝光,配合同样发出蓝光的滚轮,给人以神秘酷绚之感。

 
 

无兄弟 不篮球 日期:2008-03-21

Filed under: 我爱运动 — Ninja @ 10:36 pm
img252995393.jpg

麦迪身穿一套深色的adidas训练服,侧面卷着金边,衣领上也是金色的花纹。他不会换上球衣,因为他这天的身份不是球员,而是六个中国篮球少年的教练。

“你们都明白球场上的兄弟情,而今天,我们是一家人,”麦迪拿出教练的派头,“兄弟间的情谊是非常重要的,对我来说是如此,对你们来说也该如此。我们打球,要像一个团队,要像一家人,要像一帮兄弟。我们要相互帮助,不光在球场上,场外也是一样。人人为我,我为人人。”

麦迪的私人球馆没有丰田中心那么大,但照样“五脏俱全”。麦迪先把小伙子们带到力量房,这里的墙上张贴着世界各地球迷和媒体赠送给他的纪念品,他在这里享受荣耀,也在这里挥汗如雨。“在球场上,你们都知道应该全情投入,但是在场下,你们也有各自的责任,那是到力量房,把自己练得更强壮,”麦指导再次训话。

麦迪首先让球员们使用的器械,是用来练习腿部力量的,人平躺着,用双脚“举重”。麦迪说:“这有助于提升你们的弹跳和奔跑能力。”

麦指导很快学会了用中文说“下”,但“上”似乎就没那么简单。“下,and up,”麦迪嘴里一边说,手上一边比划。小伙子们来劲了,七嘴八舌地“下”、“上”了半天,竟也让麦迪把“上”说得比“下”还字正腔圆。学会了口令,麦指导收起笑容,开始指挥躺在训练器材上的李昂迪:“下——上!下——上!”

第二项练习只需用到一个篮球。麦迪让王政左手撑住球,右手撑在地板上,做一个俯卧撑。王政做完抬头,就听麦指导下令道:“让球滚过去,换一只手。”就这样,左手换右手,右手再换左手,做完一个换一次手。王政坚持着,麦指导也没歇着:“继续,继续,不要停!”后来,麦迪甚至俯下身子,在王政耳边大叫: “这正是你该做的,孩子,这正是你该做的。再来一个!很好,再来一个!”直到王政撑不住趴倒在地上,麦指导才笑嘻嘻地闪开,随即带头鼓起掌来。

“这些就是你们在场下要做的,明白了吗?好,我们走。”麦迪双手一拍,领着小伙子们又回到球场上。“我要告诉你们一个原则,”麦迪说,“它让我变成了一个更加出色的篮球运动员,那就是——你们应该弄清楚自己的角色。”

身高和麦迪差不多的张乐提问:“我作为一个中锋,在场上如何更好地要位?”别看麦迪自己不打中锋,听到这个问题,他竟没有半点犹豫,转身答道:“这里有种练习对你很有用。”麦迪拿着球来到篮筐正下方,往左跨一步,嘴里念念有词:“横向滑步,(双手持球)触碰篮板;再滑步,再碰篮板。明白了吗?”

一旁的队长王梓辰又提问:“我想知道,怎样提高我的爆发力?”麦指导很快拿出一副橡胶“镣铐”,把两头分别拴在王梓辰的两只脚上,中间是可以伸缩的橡胶带,要迈步,需要花比平时大得多的力气。麦迪一边指示王梓辰迈步,一边告诉大伙儿:“这个可以让你更具爆发力,也能让你拥有足以摆脱防守球员的突破第一步。”众所周知,迅猛的突破第一步,正是昔日帮助麦迪登上得分王宝座的“必杀技”。
麦指导也懂“因材施教”,不同位置的人,他给安排的练习重点也不同。对锋卫摇摆人王想,他安排的就是一种名叫“21”的投篮练习——那是让王想在篮筐正面不停地做折返跑,然后在不同的位置接球投篮,要连续投中21球才能结束。

或许六人之中,王想最能体会麦指导的“两面性”。麦迪有严厉的一面——王想练“21”练到后来,体力跟不上,速度也慢了来,麦指导就冲王想大喊:“别散步,快一点!”麦迪也有和蔼的一面——王想每投中一个,麦迪就会挥拳庆祝一下,并且大声为王想计数,告诉他:“19个了,好样的!”

练习终于结束,小伙子们个个喘着粗气,但麦指导微笑着说了一句话,让所有人断绝了抱怨的念头。麦迪说:“不是那么容易吧?这是我每天训练都要做的,每天都要完成这些练习。”

训练过后,总该检验成果。敌人在适当的时候出现了,那便是AAU(美国业余运动联盟)休斯敦赛区的少年组冠军——几个健壮的黑人小伙儿。“你们准备好了吗?”麦指导问。“准备好了,”沈阳二中的球员们答。
怎样击败强大的对手?中国的小伙子们有些迷茫。麦迪是他们的坚强后盾,但麦迪只是拿着个球站在场边,这一次,他不会从天而降,扮演场上的救世主。

“传球!传球!”“掩护啊!”“是谁防角落里那个人的?”“你们得互相帮助!”麦迪在场边大声喊叫。可场上的中国小伙子并没有充分领会麦指导的精神,有些各自为战,似乎人人都想在麦迪面前再现“35秒13分”的神奇。在一次进攻时,王想从后场持球直冲篮下,却被高高跃起的黑人小伙盖出底线。

“暂停!暂停!”麦指导有些不高兴了,他把小伙子们叫到一起,认真地说:“你们应该打得更聪明一些!要让队友得到无人防守的投篮机会,就要给队友做掩护。也许你自己没法投篮,但你可以为队友创造投篮机会。”

“无兄弟,不篮球!”沈阳二中的小伙子们重新回到场上,竟像换了支球队一般。“掩护!掩护!”麦迪仍在场边大叫。不同的是,现在场上的球员们都照做了。慢慢地,笑容回到麦迪脸上,他的叫喊声少了,掌声却多起来。

比赛结束后,麦迪拿过一个篮球,让六名球员都在上面签下自己的名字,并且用一个最简单的词语来概括当天的收获。有人写的是“速度”,有人写的是“勤奋”,有人写的是“认真”,还有人写下了“兄弟”二字。麦迪把球递给王梓辰,说:“队长,好好留着这个球!”

 
 

很漂亮的NIKE DUNK系列ICON

Filed under: 大米 — Ninja @ 4:55 pm
82008225194815.jpg

kidcomic 网站看到的超漂亮的NIKE DUNK ICON,套用作者的原话:“做了一套以DUNK为主题的ICON,主要是针对校内上众多的篮球粉丝和时尚爱好者所制作的,暂时先做12个,如果有需求的话会继续制作。希望大家喜欢!”真的很漂亮,无论是背景的色调还是NIKE DUNK ICON的样式,都很棒,看得出作者很深的美术功底。

对ICON感兴趣的可以去作者kidcomic的网站浏览,还有很多很棒的ICON。

o200822519508.jpg
 
 

CSS定义通用透明效果 日期:2008-03-04

Filed under: 好好学习 — Ninja @ 5:47 pm

分别定义各种浏览器的透明效果:

.transparent{
    filter:alpha(opacity=12);
    -moz-opacity:0.12;
    opacity:0.12;
    background-color:#000;
}

filter:alpha(opacity=12); 支持 IE 浏览器
-moz-opacity:0.12; 支持 FireFox 浏览器
opacity:0.12; 支持 Opera,safari 等浏览器

 
 

CSS解决未知高度垂直居中

Filed under: 好好学习 — Ninja @ 5:29 pm

尽管有 CSS 的 vertical-align 特性,但是并不能有效解决未知高度的垂直居中问题(在一个 DIV 标签里有未知高度的文本或图片的情况下)。

标准浏览器如 Mozilla, Opera, Safari 等。可将父级元素显示方式设定为 TABLE(display: table;) ,内部子元素定为 table-cell (display: table-cell),通过vertical-align 特性使其垂直居中,但非标准浏览器是不支持的。

非标准浏览器只能在子元素里设距顶部 50% ,里面再套个元素距顶部 -50% 来抵消。

CSS部分:

body {padding: 0; margin: 0;}
body,html{height: 100%;}
#outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 400px;margin: 0 auto;} /* for explorer only */
div.greenBorder {border: 1px solid green; background-color: ivory;}

xhtml部分:

div id=”outer”
    div id=”middle”
        div id=”inner” class=”greenBorder” /div
    /div
/div

以上 CSS 代码的优点是没有 hacks,采用了 IE 不支持的 CSS2 选择器 #value[id] 。
CSS2选择器 #value[id] 相当于选择器 #value ,但是 Internet Explorer 不支持这种类型的选择器。同样地 .value[class] ,相当于 .value ,这些只有标准浏览器能读懂。

测试:Firefox1. Opera9. IE6. IE5 0通过。 但是在safari3.1下有错误。

原文:Vertical Centering in CSS (Yuhu’s Definitive Solution with Unknown Height)