一个漂亮的js展开菜单效果
以下是程序代码&!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&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&下拉效果&/title&
&script type=text/javascript&
function $(d){
return document.getElementById(d);
// set or get the current display style of the div
function dsp(d,v){
if(v==undefined){
return d.style.
d.style.display=v;
// set or get the height of a div.
function sh(d,v){
// if you are getting the height then display must be block to return the absolute height
if(v==undefined){
if(dsp(d)!='none'&& dsp(d)!=''){
return d.offsetH
viz = d.style.
d.style.visibility = 'hidden';
o = dsp(d);
dsp(d,'block');
r = parseInt(d.offsetHeight);
d.style.visibility =
d.style.height=v;
* Variable 'S' defines the speed of the accordian
* Variable 'T' defines the refresh rate of the accordian
//Collapse Timer is triggered as a setInterval to reduce the height of the div exponentially.
function ct(d){
if(sh(d)&0){
v = Math.round(sh(d)/d.s);
v = (v&1) ? 1 :
v = (sh(d)-v);
sh(d,v+'px');
d.style.opacity = (v/d.maxh);
d.style.filter= 'alpha(opacity='+(v*100/d.maxh)+');';
dsp(d,'none');
clearInterval(d.t);
//Expand Timer is triggered as a setInterval to increase the height of the div exponentially.
function et(d){
if(sh(d)&d.maxh){
v = Math.round((d.maxh-sh(d))/d.s);
v = (v&1) ? 1 :
v = (sh(d)+v);
sh(d,v+'px');
d.style.opacity = (v/d.maxh);
d.style.filter= 'alpha(opacity='+(v*100/d.maxh)+');';
sh(d,d.maxh);
clearInterval(d.t);
// Collapse Initializer
function cl(d){
if(dsp(d)=='block'){
clearInterval(d.t);
d.t=setInterval('ct(&'+d.id+'&)',t);
//Expand Initializer
function ex(d){
if(dsp(d)=='none'){
dsp(d,'block');
d.style.height='0px';
clearInterval(d.t);
d.t=setInterval('et(&'+d.id+'&)',t);
// Removes Classname from the given div.
function cc(n,v){
s=n.className.split(/\s+/);
for(p=0;p&s.p++){
if(s[p]==v+n.tc){
s.splice(p,1);
n.className=s.join(' ');
//Accordian Initializer
function Accordian(d,s,tc){
// get all the elements that have id as content
l=$(d).getElementsByTagName('div');
for(i=0;i&l.i++){
if(h.substr(h.indexOf('-')+1,h.length)=='content'){c.push(h);}
//then search through headers
for(i=0;i&l.i++){
if(h.substr(h.indexOf('-')+1,h.length)=='header'){
d=$(h.substr(0,h.indexOf('-'))+'-content');
d.style.display='none';
d.style.overflow='hidden';
d.maxh =sh(d);
d.s=(s==undefined)? 7 :
// set the onclick function for each header.
h.onclick = function(){
for(i=0;i&this.c.i++){
cn=this.c[i];
n=cn.substr(0,cn.indexOf('-'));
if((n+'-header')==this.id){
ex($(n+'-content'));
n=$(n+'-header');
cc(n,'__');
n.className=n.className+' '+n.
cl($(n+'-content'));
cc($(n+'-header'),'');
if(h.className.match(/selected+/)!=undefined){ sel=h;}
if(sel!=undefined){sel.onClick();}
&style type=&text/css&&
font-size: 12
color: #999999;
background-color: #000000;
font-family: Arial, Helvetica, sans-
text-transform:
padding: 0
border: 0list-style:}
/*菜单样式*/
#basic-accordian{
width:20%;
z-index:2;
margin-top: 2%;
border-top-style:
border-top-color: #999999;
border-bottom-style:
border-bottom-color: #666666;
padding-top: 15
padding-bottom: 15
margin-bottom: 2%;
}/*菜单背景*/
.accordion_headings{
color:#FFFFFF;
font-weight:
font-size: 14
line-height: 25
letter-spacing: 1
}/*菜单分类行*/
.accordion_headings:hover{
.accordion_child{
padding-left: 20
padding-bottom: 8
.accordion_child ul{}
.accordion_child ul li{
font-size: 12
line-height: 20
.accordion_child ul li a{
text-decoration:
color: #666666;
.accordion_child ul li a:hover{
color: #FFFFFF;
.header_highlight{
background-color: #000000;
color: #FF0099;
}/*当前显示菜单分类样式*/
/*菜单样式结束*/
margin-top: 2%;
width: 96%;
margin-right:
margin-left:
/*特殊样式-------------------------*/
&script type=&text/javascript& src=&js/menu.js&&&/script&
&body onload=&new Accordian('basic-accordian',5,'header_highlight');&&
&div class=&main&&
&div id=&basic-accordian& &&!--菜单开始--&
&div id=&test-header& class=&accordion_headings& &阿里西西&/div&&!--1新闻资讯--&
&div id=&test-content&&
&div class=&accordion_child&&
&ul&&li&&a href=&&&JS特效&/a&&/li&
&li&&a href=&&&站长工具&/a&&/li&
&div id=&test1-header& class=&accordion_headings& &学院概况&/div&&!--2学院概况--&
&div id=&test1-content&&
&div class=&accordion_child&&
&ul&&li&&a href=&&&源码下载&/a&&/li&
&li&&a href=&&&酷站欣赏&/a&&/li&
&li&&a href=&#&&教学设施&/a&&/li&
&li&&a href=&#&&刘晓阳校长介绍&/a&&/li&
&li&&a href=&#&&优良师资&/a&&/li&
&li&&a href=&#&&资质认证与荣誉&/a&&/li&
&/div&&/div&
&div id=&test2-header& class=&accordion_headings& &专业设置&/div& &!--3课程设置--&
&div id=&test2-content&&
&div class=&accordion_child&&
&li&&a href=&#&&形象设计 (大学专科)&/a&&/li&
&li&&a href=&#&&化妆造型&/a&&/li&
&li&&a href=&#&&美容&/a&&/li&
&li&&a href=&#&&美发&/a&&/li&
&li&&a href=&#&&美甲&/a&&/li&
&/ul&&/div&&/div&
&div id=&test3-header& class=&accordion_headings& &国际***课程&/div&&!--4国际***课程--&
&div id=&test3-content&&
&div class=&accordion_child&&
&ul&&li&&a href=&#&&cidesco圣迪斯哥&/a&&/li&
&li&&a href=&#&&city & gulids国际美容师&/a&&/li&
&li&&a href=&#&&cibtac国际美容师&/a&&/li&
&li&&a href=&#&&srh国际发型师&/a&&/li&
&li&&a href=&#&&itec国际专业时装、舞台、媒体化妆师&/a&&/li&
&/ul&&/div&&/div&
&div id=&test4-header& class=&accordion_headings& &师生经典作品&/div&
&!--5作品赏析--&
&div id=&test4-content&&
&div class=&accordion_child&&
&li&&a href=&#&&形象设计&/a&&/li&
&li&&a href=&#&&化妆造型&/a&&/li&
&li&&a href=&#&&美容&/a&&/li&
&li&&a href=&#&&美发&/a&&/li&
&li&&a href=&#&&美甲&/a&&/li&
&/div&&/div&
&div id=&test5-header& class=&accordion_headings& &在线视频&/div&&!--6学校视频--&
&div id=&test5-content&&
&div class=&accordion_child&&
&li&&a href=&#&&学院介绍视频&/a&&/li&
&li&&a href=&#&&活动视频&/a&&/li&
&li&&a href=&#&&考试现场视频&/a&&/li&
&/div&&/div&
&div id=&test6-header& class=&accordion_headings& &蒙妮坦精英学员&/div&&!--7招生信息--&
&div id=&test6-content&&
&div class=&accordion_child&&
&li&&a href=&#&&各专业优秀学员&/a&&/li&
&li&&a href=&#&&形象设计大学专科毕业生&/a&&/li&
&li&&a href=&#&&cidesco美容博士人才&/a&&/li&
&li&&a href=&#&&作育英才时代见证(年)&/a&&/li&
&/div&&/div&
&div id=&test7-header& class=&accordion_headings& &招生信息&/div&&!--8招生信息--&
&div id=&test7-content&&
&div class=&accordion_child&&
&li&&a href=&#&&2008年招生简章&/a&&/li&
&li&&a href=&#&&报名方式&/a&&/li&
&li&&a href=&#&&报名须知&/a&&/li&
&li&&a href=&#&&在线报名&/a&&/li&
&/div&&/div&
&div id=&test8-header& class=&accordion_headings& &咨询留言&/div&&!--8在线咨询--&
&div id=&test8-content&&
&div class=&accordion_child&&
&li&&a href=&#&&常见问题&/a&&/li&
&li&&a href=&#&&在线留言&/a&&/li&
&li&&a href=&#&&联系我们&/a&&/li&
&/div&&/div&
&/div&&!--菜单结束--&
&/div&&!--main结束--&
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
·上一篇：
·下一篇：
( 13:07:11)
( 23:52:22)
( 11:18:11)
( 18:01:57)
( 17:56:34)
( 01:07:08)
( 10:54:56)
( 23:42:25)
相关排行总榜&>&&>&&>&正文
《GTA5》漂移按键攻略 漂移操作图文攻略
10:05:19 来源：巴哈姆特 作者：vbnm1234519 编辑：Shy夏夏　
　　《GTA5》中的车辆漂移系统做的非常真实，很多玩家都很羡慕一些大神用豪华跑车做漂移的视频，但是自己操作不来，下面我就为大家带来GTA5车辆漂移及按键操作全图文攻略，希望各位玩家喜欢。
　　油门：键盘＝Ｗ　PS3/4＝Ｒ２　XBOX 360/ONE＝ＲＴ　按住加速
　　煞车：键盘＝Ｓ　PS3/4＝Ｌ２　XBOX 360/ONE＝ＬＴ　按住减速
　　手煞车：键盘＝空白建　PS3/4＝叉叉／Ｒ1　XBOX 360/ONE＝ＲＢ　让后轮锁死并切断引擎与车轮的传输
　　引擎转速：简单来说转速越高输出马力越高，当输出动力超过车辆重量所需就会造成滑胎现象
　　自排＝自动排档，会根据设定自动增加或减少档位（与速克达ＣＶＴ无段变速不同）
　　手排＝手动排档
　　油门辅助＝突然把油门案到底时，系统仍会自动减少瞬间按下油门的程度
　　循迹防滑系统＝在过弯时系统自动介入油门，让动力轮不会因为过多的动力失去抓地力
　　咬地过弯＝煞车过弯，指不让车身打滑的过弯
　　动力滑胎＝使动力轮空转，以让轮胎失去抓地力
　　漂移＝飘移、滑胎，一种故意使车辆失去抓地力的过弯方式
　　首先，先来介绍大家最关心、最速成的指法吧
　　我个人的习惯是←↓→ＡＢ．．．蛤？怪怪的
　　指法这东西当然不存在阿
　　每个弯、每台车、当下的路况都不一样，怎么会存在标准指法这种东西呢？
　　关键应该是在于活用煞车、手煞车、油门、方向盘
　　至于该如何活用让我们先抛掉华人只想要标准的坏习惯，从漂移的原理开始说明起吧
二．漂移的应用场合及优缺点
　　除了表演的场合会见到漂移技巧的使用之外，此技巧主要是会在越野赛中见到，因为越野赛的路面为一般道路或甚至无铺面的砾石或尘土路面，除抓力较低之外路面也较为脏污，再加上轮胎成分的不同，此时使用漂移技巧过弯，对轮胎损耗较小（拉力赛用胎的胎质通常较硬、摩擦力较小，除此之外由于地面的沙尘泥泞阻挡了胎面橡胶与地面之间的接合，轮胎本身的磨耗远低于一般沥青混凝土铺面）。
　　除此之外，由于越野赛道连续的狭窄弯道较多，或车手较难掌握弯道实际的长度或角度，利用漂移这种不稳定的动态平衡技巧，赛车手较有机会根据进弯后的实际状况调整驱动轮的输出控制漂移的时间长度，进而微调转向的程度。除此之外，由于越野赛车或山路竞速时使用的车辆无法根据整个路线的特性，精确调整变速箱内的齿轮比设定，使用一般的抓力过弯极有可能造成引擎转速不足、影响出弯后再加速表现，因此车手会利用漂移的方式在弯道中利用车轮空转保持引擎转速在最佳扭力范围带内，以求得出弯后最佳的加速力道。
　　从以上叙述我们可以知道，漂移是用在无法根据一定节奏去调教的非正规赛道（赛道大都有一定的性格，左弯多、右弯多、高地起伏大、高速弯多、低速弯多．．．等等）
　　而这些非正规赛道，也大都是不存在高速弯的，这时候回转半径小、能保持引擎转速接合的漂移技巧就是一种非常实用的过弯方式
　　但是在以高速直线且大都是使用超级跑车为主流的GTA竞速当中，我们就把漂移收起来吧，漂移过弯绝对不会比咬地过弯(煞车过弯)要来的快(以超级跑车的稳定度是不需要漂移的)
　　可以在过弯车速降低的同时，保持较高的引擎转速，有利于出弯之后再加速时的动力衔接，这点对于无法修改变速箱齿比配置来配合路线特性的场合（例如越野赛车或山路竞速），特别有用。
　　为了保持车身的惯性完成动作，入弯速度能比咬地更快。(←注意！这里提到的是入弯速度快，但入弯速度快相对的却是出弯速度慢，在竞速当中，出弯速度才是绝对的关键！）
　　车身移动以及车体转向同时进行，能够更快的通过弯道，并有更小的回转半径。（在竞速中可用于抢入弯点）
　　视觉效果佳，主要是在表演用途上。除此之外在山路竞速场合，漂移过弯时车辆会占用较大的路面宽度，能有效阻挡后方车辆趁机超越。（←当然，如果你参加的是非常有品的GTA竞速那就尽量漂移来防止对手超车吧，但我想这种GTA竞速是不存在的Ｄ）
　　虽然可用更小的路径快速过弯，但是因为行径路径与轮胎转面未平行，使轮胎反而成了阻力而让本身的过弯速率降低。
　　漂移的过程中轮胎是失去抓地力的，出弯后的加速能力大打折扣，也代表着容易失控。
　　带给轮胎比抓力过弯更多的损耗。（在GTA中这没有影响）
　　由于漂移时轮胎长时间空转，引擎亦处于长时间高温、高转速，对引擎伤害较大。（难怪拓海的车一直坏掉）
　　对离合器与底盘等机件之耗损，亦较一般驾驶方式为大。
　　其实GTA5中大部分的马路都是非常大的弯道，使用咬地过弯（煞车过弯）便绰绰有余
　　若是要快，则不需要漂移
　　那为何还要学习漂移呢？
　　其1．GTA5中超级跑车类以外的许多车种，循迹防滑系统设置的较低，以至于油门控制不好时，动力轮会产生失控打滑的现象，学习漂移可帮助我们掌握这种打滑的现象，在控制爆胎车辆时也更能得心应手
　　其２．不外乎就是超帅的
　　更多漂移精彩视频请看：
　　另类的公交车漂移请看：
更多相关内容请关注：
友情提示：支持键盘左右键“← →”翻页
文章内容导航
第1页：指法及漂移优缺点
没有任何记录
游戏制作：Rockstar Games
游戏发行：Rockstar Games
游戏平台：PC/Xbox360/XboxOne/PS3/PS4
上市时间：
游戏特色：
--游民指数
《GTA5》有一个“相当复杂的”物理引擎，“复杂”到什么程度呢？那让我们做个实验看看吧。
如果VR技术能够真正带你走逼真的虚拟世界，还是《GTA5》的游戏世界，那将是怎样的一种体验。
近日三星Note 7的爆炸门可谓是闹得人心惶惶，而在游戏世界里，玩家也对这款质量堪忧的手机进行了不留余地的嘲讽。
近日国外玩家JulioNIB就放出了一个《GTA5》的新闪电侠Mod，还原度可谓是相当的高。
《GTA5》不仅是各种模型Mod值得玩家一试，追求完美的硬件发烧友们对于游戏的画面也做了很大改进。
《GTA5》早些时候曾推出过一款泰坦尼克的MOD，在游戏中再现了这艘传奇邮轮，YouTube上的GTA5Videos频道就在游戏中重现了这部经典电影的预告片。
近日，《GTA5》的Mod制作者“MiGGousT”正在制作一款名为“Euphoria Ragdoll Overhaul”的MOD，这款MOD旨在加强游戏的物理效果，令《GTA5》也能够达到《GTA4》的水平。
近日，国外网友利用Mod制作了一则《GTA5》的视频，视频中仿佛为富兰克林打开了新世界的大门。
这次GTA5Videos带来的是《极品飞车14》的重制版预告，所有镜头去取自《GTA5》。
近日，Youtube频道Merfish为我们带来了一部《GTA5》关于爱情故事的短片“爱在洛圣都”。
近日，笔者在《GTA5》官方频道整理出PC玩家人气摄影作品，不得不说玩了这么久《GTA5》竟然没发现它有这么美！
《GTA5》绝美景色截图，通过专属MOD的打造使得整个游戏场景虚拟难辨。
最近，国外有一名玩家制作了《GTA5》的一个流星的MOD，使用MOD后宛如世界末日一般，整个城市都笼罩在阴沉而混乱的氛围中。
相信自《GTA5》推出以来，全球无数粉丝都在大洛都中感受到了家的关爱，这里充满着温馨的回忆。其中一些《GTA5》精彩瞬间已经被玩家拍摄下来。
新一周刚刚开始，我们新一期《GTA5》“别人家的游戏世界”即将起航，在由R星打造的大洛都环境中玩家会施展无所不能的本领！
R星打造了世界一等的自由沙盒游戏《GTA5》，基于现实世界打造的大洛都到处充满诱惑，金钱、女人以及地位随时触手可得。
《GTA5》的Mod社区近日又放出了最新的ENB Mod截图，几位PC配置逆天的玩家为我们截取了一批《GTA5》实景美图，相当赏心悦目！请大家欣赏。
ENB系列作者“Ryuken”当前正在为《GTA5》制作一个ENB MOD，今天他分享了最新版本的4K版截图。尽管《GTA5》的原版画面就很棒了，但是在ENB MOD的帮助下，《GTA5》的世界显然更加美丽动人。
由国人EN啊啊啊绘制的哆啦A梦版《GTA5》彩绘图一经推出便得到了广大GTA粉丝的好评，谁都不曾想到两款作品能够如此完美的融合。
近日，Hayssam Keilany通过MOD调整让《GTA5》世界增添更多绿色植物、同时让原有树木变得更加茂密。
单机游戏下载
综合热点资讯
游民星空联运游戏