js小技巧 显示跟隐藏文字特效

原创 2011年12月21日 19:39:53
 

<!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>
</head>

<body><SCRIPT type=text/javascript>
 function show_hiddendiv(){
  document.getElementById("hidden_div").style.display='block';
  document.getElementById("_strHref").href='javascript:hidden_showdiv();';
  document.getElementById("_strSpan").innerHTML="隐藏部分";
 }
 function hidden_showdiv(){
  document.getElementById("hidden_div").style.display='none';
  document.getElementById("_strHref").href='javascript:show_hiddendiv();';
  document.getElementById("_strSpan").innerHTML="显示全部";
 }
 </SCRIPT>
全球票房超20亿美元最新科幻动作大片《阿凡达》。卡梅隆这部历时十余年打造的史诗巨作呈现了独一无二的宏伟场面,壮观的视野,激动人心的叙事以及回归自然的主题。
自1997年《泰坦尼克号》在全球大热之后,导演詹姆斯·卡梅隆的下一部电影令影迷等得几乎望眼欲穿。对此,詹姆斯·卡梅隆表示:"《阿凡达<SPAN style="DISPLAY: none" id=hidden_div>》能够最终拍出来,是一次奇迹。这是一部科幻电影,是我喜欢的东西,科幻电影要表现的是我们现在无法接触到的事物,这是一种预言,它会让你反思我们现在在做的一切,将来会发生什么样的后果?这就是我拍《阿凡达》的初衷之一,我对现在人类对大自然所做的一切感到深深的忧虑,我想将来也许会受到大自然的报复。  故事开始于地球,杰克·萨利(Jake
Sully,萨姆·沃辛顿 饰)是一个双腿瘫痪的老兵,他觉得没有任何东西值得他去战斗,因此当被要求去潘多拉星球到那里的采矿公司工作时欣然接受。  潘多拉星球上有一种别的地方都没有的矿物元素"unobtanium",它将彻底改变人类的能源产业,正是受此吸引人类才不远万里来到这里拓荒。不过资源丰富的潘多拉星球完全不适合人类生活,这里的空气对人类有毒,本土的动植物是凶猛的掠食者,非常危险。这里的环境也造就了与人类不同的一群生物:10英尺高的蓝色类人生物"Navi族"。Navi族对于人类拓荒者的到来非常不满,他们也不喜欢人类的机器在这个星球的土地上到处挖矿、留下斑斑伤痕。  由于潘多拉星球环境严酷,人类传统的宇航服、机甲都不足以保护矿工,于是科学家们转向了克隆技术:他们将人类DNA和Navi人的DNA结合在一起,制造了一个克隆Navi人,这个克隆Navi人可以让人类的意识进驻其中,成为人类在这个星球上自由活动的"化身"。然而并不是任何人都可以操纵这个克隆Navi人,只有DNA与他身上人类DNA配型相符的人才有这样的能力。  杰克·萨利的哥哥是这个克隆Navi的人类DNA捐献者,他就可以操纵这个克隆Navi人,然而他被杀死了,采矿的公司为了不让砸下去的钱白砸(克隆Navi人价格不菲),必须找到一个可以代替他操纵克隆Navi的人,这个人的DNA还必须和其配型相符,于是他们自然就找到了杰克·萨利,杰克·萨利对此很高兴,应为那意味着他又能走路了。  几年后,杰克·萨利到了潘多拉星球,他发现这里的美景简直无法用语言来形容,高达900英尺的参天巨树、星罗棋布飘浮在空中的群山、色彩斑斓充满奇特植物的茂密雨林、晚上各种动植物还会发出光……就如同梦中的奇幻花园。不过很快他就体验到了这里的危险,一头毒狼(潘多拉星球一种本土生物)与他狭路相逢,眼看就要被吃掉,一支箭射死了毒狼,杰克得救了。救他的是Navi族的一个女孩(佐伊·萨尔达娜 饰),杰克从她口中了解到了更多潘多拉星球的知识。  懒人图库Navi族人一直以来都与潘多拉星球的其他物种和谐相处,过着一种简朴天然的生活,杰克在和这个Navi女孩的相处过程中逐渐转变了对人类来这里采矿的看法,他意识到他已经找到值得为之战斗的东西了。  不过杰克·萨利如果要加入Navi族人对抗人类入侵者的战争,要付出很大的代价:他并不能永远呆在"化身"中,当"化身"--克隆Navi人睡觉时,他就会回到自己半身不遂的人类身体中,只有通过专门的连接设备才能重新回到"化身"中。一旦与自己的同胞为敌,他就失去了与"化身"结合的可能,只能困在残疾的身体里,并失去那个他越来越喜欢的Navi女孩……</SPAN>...(<A
id=_strHref href="javascript:show_hiddendiv();"><SPAN
id=_strSpan>显示全部</SPAN></SPAN></A>)

<p> </p>
<p>代码整理:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> 来源:<a href="http://www.pipi.cn/movies/151/151435.html" target="_blank">皮皮网</a></p>
<p></p>
</body>
</html>

相关文章推荐

隐藏省略文字特效

如果字数超过限定的字符数,那么超过这个字符数后的文字就显示省略号... 然后出现“展开”或省略号,点击之后就出现全部内容,也可以收起。 隐藏省略文字特效-懒人图库 wi...
  • xia9527
  • xia9527
  • 2012年06月05日 16:11
  • 509

js 液晶屏文字特效

  • 2010年05月13日 11:47
  • 19KB
  • 下载

文字特效js技术

  • 2012年11月02日 12:33
  • 390KB
  • 下载

【特效】js打造黑客帝国文字特效

【特效】js打造黑客帝国文字特效
  • lovqc
  • lovqc
  • 2015年12月16日 13:52
  • 382

隐藏省略文字特效

  • 2012年05月11日 11:11
  • 2KB
  • 下载

PS教程:Photoshop制作霓虹灯文字特效

1制作霓虹灯效果回顶部   【PConline 教程】在本次PS教程介绍利用对Photoshop制作霓虹灯文字特效。本PS教程属于基础教程,适合初学者!   先看效果图 图0 ...

css3 ——text-shadow使用阴影叠加出的燃烧的文字特效

text-shadow body { background:#000;} p { text-align:center; padding:24px; margin:0; font-family:...

cocos2d-x 文字特效freetype2

最近做聊天系统,遇到棘手的问题,就是字体要支持多颜色、换行、表情(图片)、超链接!我们不会从OpenGL底层来做这个工作,因为那样工作量非常大,不现实,考虑在已有的cocos2d-x接口上进行处理,来...

文字特效 Text Fx插件学习记录

文字特效 Text Fx插件学习记录 当我们倒入TextFx这个插件的时候我们就能看见里面有一个自带的例子了。这个例子的一些文字特效做得很棒啊,不过我觉得这个插件适合在2D游戏里面使用。...

玩命牛的成长记录(二十三)——各种文字特效

欣欣(1989—) 自动化专业研究生,转行当程序员,在一家国内领先的IT公司工作,业余时间兼职创业,创办网站欣欣网站制作。 玩命牛(1989—) 欣欣的本科同学,学习非常玩命,本科毕...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js小技巧 显示跟隐藏文字特效
举报原因:
原因补充:

(最多只允许输入30个字)