‘壹’ 翻译一下 accordion effect ,是建筑结构方面的,同时给我讲讲这个是什么
accordion effect 是手风琴效果,accordion手风琴,effect,是及物动词vt. 使发生; 引起; 产生(效果)
建筑结构是 building structure。
‘贰’ javaweb怎么实现手风琴式菜单
纯JS的我不会写,但是有很多前端框架你可以选择,比如easyui这些,都有手风琴风格的菜单样式
‘叁’ jquery 手风琴特效 鼠标点击触发效果怎么改
$(document).ready(function(){
$("#accordion.trigger").each(function(i){
/*------------------------*/
$(this).hover(function(){
$("#accordion.trigger").css("background",'url("../images/jia.jpg")').eq(i).css("background",'url("../images/jian.jpg")');
$(".panelimg").hide().eq(i).show();
},
function(){});
/*------------------------*/
$(this).click(function(){
alert('!');
});
})
})
应该是可以的呀,你先保留hover事件试试呢
‘肆’ 下拉div列表怎么实现 手风琴效果
具体的javascript手风琴下拉菜单代码:
?
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>手风琴下拉菜单效果</title><script src="js/jquery-1.11.1.js"></script><style> *{ margin: 0; padding: 0; } ul{ list-style: none; } .nav ul{ display: none; } .nav ul li{ width: 100px; text-align: center; cursor: pointer; } .nav div{ background: #4ecc70; width: 100px; border-radius: 10px; line-height: 34px; text-align: center; color: white; cursor: pointer; } .demo{/* display: none;*/ } .red{ background:red; border-radius: 10px; } </style><script>$(function(){ //case 1// $('.nav div').on('click',function(){// if(false==$(this).next().is(':visible')){// $('.nav ul').slideUp(300);// }// $(this).next().slideToggle(300);// }) //case 2 var changeType=$('.nav').find('div'); $.each(changeType,function(){ $(this).on('click',function(){ if(false==$(this).next().is(':visible')){ $('.nav ul').slideUp(300); } $(this).next().slideToggle(300); }) $('.nav ul:eq(0)').show(); }) var hoverType=$('.nav .u').find('li') $.each(hoverType,function(){ $(this).hover(function(){ $(this).addClass('red').siblings().removeClass('red'); }) }) })</script></head><body><ul class="nav"> <li> <div>水果</div> <ul class="u"> <li>香蕉</li> <li>橘子</li> <li>梨子</li> <li>西瓜</li> </ul> </li> <li> <div>蔬菜</div> <ul class="u"> <li>芹菜</li> <li>黄瓜</li> <li>洋葱</li> <li>西瓜</li> </ul> </li> <li> <div>肉类</div> <ul class="u"> <li>鸡肉</li> <li>兔肉</li> <li>鸭肉</li> <li>龙肉</li> </ul> </li> </ul></body></html>
‘伍’ 请介绍一下手风琴
手风琴介绍
手风琴是一种既能够独奏,又能伴奏的簧片乐器,不仅能够演奏单声部的优美旋律,还可以演奏多声部的乐曲,更可以如钢琴一样双手演奏丰富的和声。手风琴声音宏大,音色变化丰富,手指与风箱的巧妙结合,能够演奏出多种不同风格的乐曲。除了独立演奏外,也可参加重奏、合奏,加之音高固定,易学易懂,体积小,携带方便,因此,手风琴很适合不同年龄的演奏者自娱自乐,也可以很方便的携带到学校、剧场参加演出。
手风琴演奏需要双手同时参与,而且在练琴时,手指尖不停的与键盘和键钮进行不同速度、不同时间的接触,这样便增加了神经末梢与大脑信息的传递机会,手指肌肉的控制能力也相应提
高,久而久之,左脑与右脑的信息处理能力将会大大加强,反应能力提高,手指更加灵活,经常练习将会提高双手以及身体的协调能力。在读谱并同时进行视奏时,注意力也会相应提高,注意力提高了, 记忆能力也随之增长。此外,当琴发出声音时,耳朵将听到的声音信号传递给大脑,大脑需要对声音是否正确、音量是否合适、音符的长度是否符合乐谱的要求等等迅速做出判断,因此练习手风琴的同时也使得眼睛、大脑、手指以及上肢的肌肉同步反应能力逐渐变得快起来,思维速度也随之加快。随着程度的加深,表现能力、想象力与表达能力也会相应的丰富起来。
手风琴的发展以及分类
手风琴属于活簧类乐器。它是借鉴中国笙簧发音原理而形成的。
十八世纪下半叶,中国笙传入欧洲,随即便在欧洲开始出现了一些手风琴的前身乐器,但它们大都未能成形便被淘汰了。真正用手拉的风琴是由德国人布期曼(Friedrdch Buschman,1805—1864 )在一八二二年创制的,后经奥地利人德米安(cyrillus Demian 1772—1847)在布斯曼琴的基础上,集当时手风琴的各种前身乐器之大成,成功地改良创制了世界上第一架被定名为Accordion的手风琴。直到今天,在欧洲和美洲仍然沿用Accordion这个名称。
手风琴的种类和规格很多,从结构、形态上看,大致可分为四类,即全音阶手风琴,半音阶手风琴,键钮式手风琴和键盘式手风琴。
全音阶手风琴的结构非常简单,相当于口琴增加了风箱;右手部分有十来个键钮供演奏曲调,左手部分有两个和弦键钮担任伴奏;在同一键钮上,推拉风箱发出不同高度的两个音(与口琴发音相似);琴上没有背带,完全靠双手托琴;全音阶手风琴的最大缺点是不能转调,如若变调则需另换一架琴演奏。
半音阶手风琴首先是为转调带来了方便;左右手两部分的键钮数量都有所增加,加之此琴推拉风箱发音高度不同,所以这种琴音域很宽;半音阶手风琴也无背带,仍靠双手托琴演奏。
键钮式手风琴(亦称新半音阶手风琴)装上了背带,这对双手来说是一大解放;另外推、拉风箱发音高度一致,这样使风箱的变换和运用也获得了很大的自由;键钮式手风琴左手部分的键钮数量大大增加而且排列相当科学,因此沿用至今。
在上世纪的六十年代开始出现了键盘式手风琴
从此手风琴便分成键钮式、键盘式两大类,二者并行发展。键盘式手风琴左手部分其结构与键钮式手风琴完全一样,只是将右手部分的键钮改为钢琴式的键盘。可能是由于钢琴的原因,这一改进使手风琴这件欧洲民间乐器迅速在全世界得到最广泛的普及。
透过上述几种手风琴结构类型的变化,大致可以看出手风琴发展过程中所经历的几个主要阶段。当今键钮式手风琴主要是在苏联以及北欧一些国家中流行,在其它国家和地区流行最广泛的还是键盘式手风琴。
自手风琴的创制至今,在制造工艺、演奏技巧和手风琴专业音乐创作等方面都有极大的、变革性的发展。当今西德荷莱琴厂生产的185贝司的高级手风琴,已成为国际手风琴界所惊赞、神往、欲求不得的珍品。现代手风琴不仅可以担任伴奏、独奏,参加重奏、合奏、协奏,而且可以单独演奏古典各派音乐大师们的大型音乐作品的原作。随着手风琴这种乐器的不断完善和演奏技巧的迅速发展,手风琴专业音乐创作引起了众多作曲家们的重视,为手风琴专门写作的作品越来越多。总之,在一百多年的时间内,手风琴由原来的雏形发展成现在这样完善精美的乐器,其发展速度是相当惊人的,在乐器发展史上也是少见的。
手风琴是在全世界范围的,最为广泛普及的乐器之一。在当代,手风琴不仅在专业乐坛上,而且在大众音乐文化生活中也占据着极为重要的地位。早在一九三一年,德国便在特洛辛根市建立了一所手风琴专业学校。到一九四八年学校进而改为州立手风琴学院。在英国,则把手风琴作为发展音乐教育事业的不可缺少的重要工具。一九三六年建立了“英国手风琴演奏者学院”,为发展英国的音乐事业做出了重要贡献,同时也使英国成为手风琴音乐创作最为繁荣、文献资料最为丰富的国家之一。现在国际音乐组织建有国际手风琴协会,并经常举办国际性的手风琴比赛。在西方一些着名音乐校里都建立了手风琴系,在一些普通大学里,也设有手风琴专业。
在世界手风琴史上,苏联手风琴艺术的发展道路是值得注意的。 众所周知,手风琴在苏联早已成为名副其实的俄罗斯民间乐器。早在上世纪中叶,即在手风琴刚刚诞生不久,这种新生的乐器就流传到了古俄罗斯。俄罗斯人对这件还不够完善的乐器的热爱,是以一种特殊的方法表示的,他们对手风琴掀起了一场改良再造的风潮。一时间,在俄罗斯各地,同时出现了各种各样的经过改头换面的手风琴,意大利手风琴,德国式手风琴,多调式手风琴,双排式手风琴,改良式手风琴等等。这些在今天看来似乎有些过于狂热的行为,大概正是手风琴能够成为典型的俄罗斯民间乐器的重要原因。现在,苏联能生产专供手风琴乐队使用的高音、中音、次中音、低音、倍低音手琴,也生产专供管弦乐队使用的手风琴,还有大管、大号、低音大号、圆号、小号、单簧管等特种音色的手风琴。现代苏联生产的最大型号的键钮式手风琴的音域,从大字一组的E1音到小字四组的f 4之间,包托了所有七十七个半音音级,超出了六个八度,这在当今世界乐器王国里也是屈指可数的。
扎根于俄罗斯民间音乐活土之中的俄罗斯手风琴演奏艺术的繁荣与发展,对手风琴专业音乐创作也发生着积极的影响。伟大的作曲家柴科夫斯基和普罗科菲耶夫,都曾把手风琴用在大型管弦乐队中。尼古拉?柴金为手风琴写的奏鸣曲和带有管弦乐队伴奏的手风琴协奏曲,引起国际手风琴界的重视。目前,苏联手风琴界,正在为手风琴在管弦乐队中争取一个固定的席位而不懈的努力着。
我国的手风琴艺术,是在新中国成立后才开始兴起和发展的。 从五十年代初期至七十年代初斯,手风琴在我国经历了一个漫长的启蒙阶段,并循着从部队到地方、从工厂到学校、从城市到农村这样一条独特的路线,在我国人民群众中得到了极为广泛的普及。同时,各级各类师范院校和部分音乐艺术院校也逐步开设了手风琴必修课、选修课和主修课。 到了七十年代后期我国的手风琴教育事业和演奏艺术有了较大的发展。国内外手风琴学术交流日益增多,专业手风琴演奏队伍和教学队伍不断壮大。特别是一九八一年中国音协北京手风琴专业组的成立,一九八三年全国音乐艺术院校手风琴学术会议的召开,一九八四年全国高等师范院校手风琴学会的建立,一九八九年全国手风琴学会的成立标志着我国手风琴演奏艺术已进入了一个崭新的阶段,为手风琴艺术的繁荣和发展奠定了良好的基础。
随着手风琴艺术的繁荣,我国的手风琴制造工艺也从无到有,从小到大得到了很大的发展。天津、上海、营口三家手风琴厂已成为我国手风琴生产的重要基础。其中,天津手风琴厂和上海手风琴厂都成功地研制了具有当代国际先进水平的自由低音高级演奏手风琴,分别荣获国家金质奖章和银质奖章。
然而,与西方国家相比,我们的手风琴艺术还太年轻,与世界先进水平相比,我们还存在着一定的差距,在手风琴基础理论研究上我们还是空白,专业手风琴音乐创作也才刚刚起步,高等手风琴专业教学体系还未形成,完整系统的教材建设更是急待解决的问题。
我们相信,在我国广大手风琴专业工作者和爱好者的继续合作努力下,具有中华民族风格特色的手风琴艺术之花,必将在我们社会主义百花园地里,开放得更加芬芳艳丽,手风琴所具有的作用,也必将在发展我国音乐事业、开展群众文化娱乐活动和加强社会主义精神文明建设中得到充分的发挥。
手风琴基本演奏技巧
一、无视觉触感的需要。
众所周知,其它键盘乐器的键盘平面方向都是向上时。在演奏中,触键的准确性和可靠性是通过人体的两种触感来提供:第一是视觉触感,二是手指触感。手风琴的键盘平面和键钮平面却与众不同,是背向演奏者而向外的,演奏中一般要求不看键,因此,演奏时的准确性和可靠性只能靠一种触感来提供,即手指触感。这种有限的准确性和可靠性,就要求我们在演奏中下定要贴键,才能改善手风琴演奏中,人体所提供的触感的不足。我们知道世界上许多生物的视觉触感是很差的,或者根本没有,但它们的其他器官的异常灵敏,弥补丁这种先天不足。如鼻子的嗅觉,触须的敏感,声纳的导向等等。手风琴的贴键演奏,实际上是增强了手指尖的灵敏度。
二、地面引力偏向影响的需要。
我们在其它键盘乐器上触键时,手指的作用力正好与地面的引力方向相同,地面引力不会对手指产生偏向影响。在手风琴上触键时,手指作用力与地面引力是相互垂直的,所以地面引力对手指会产生偏向影响。当然。克服这种偏向影响,主要是靠手臂力量的自我调节。但如果贴键演奏,手指与键盘之间的摩擦力也能起到一定的,抵消地面引力偏向影响的作用。提高手风琴触键的准确性和可靠性。
三、减小动作幅度的需要。
手风琴构造决定了它的音量强弱不是靠右手触键的力度来控制的,而是靠左手的风箱。所以任何靠大幅度的手指动作,对音量的控制来说都是毫无意义的。再说,手风琴键盘的硬度与其它键盘乐器的硬度相比,只比电子琴稍硬一些,用不着大力度来按键。而且手风琴演奏的风格,应该是轻捷华丽的,不应带有笨重感。如果我们贴键演奏,这时手指与键盘距离最近,只要以微小的动作就可按下键盘。这样我们才能去掉使准确性和可靠性受到影响的多余动作,而容易使手风琴的声音效果具有轻捷、华丽之感了。
‘陆’ ASP.net怎么实现手风琴式的页面效果....求介绍
ASP.net怎么实现手风琴式的页面效果 可以搜下jquery特效 。应该可以找到适合的
‘柒’ 关于Jquery的问题,当制作手风琴效果的时候,设置mouseover移动到标题上,内容会显示出来
放代码出来然后追问一下
‘捌’ js手风琴老是有抖动效果,不知道怎么解决
使用定位,不要使用浮动。
浮动相互之间会产生影响,而定位不会。
‘玖’ 高分求jquery 手风琴效果实现代码
<style>
*,body,ul,li,a,h2{ margin:0; padding:0; list-style:none;}
body{font:12px "宋体"; padding-top:20px;}
#menu { width:211px; height:100%; float:left; margin-left:22px; margin-left:11px; margin-top:10px; margin-bottom:10px; _padding-bottom:10px; overflow:hidden;}
#menu a { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:url(../App_Themes/images/itemBg.jpg) no-repeat left top; color: #000000; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; position:relative;}
#menu a:hover { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:url(../App_Themes/images/typeBg.jpg) no-repeat left top; color: #ffffff; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; position:relative;}
#menu h2 { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:url(../App_Themes/images/type_sec.jpg) no-repeat left top; color: #db5901; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; position:relative;}
#menu h2:hover { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; color: #333333; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; position:relative;}
#menu a.navhov { cursor:pointer; width:211px; height:31px; float:left; padding-left:50px; background:url(../App_Themes/images/typeBg.jpg) no-repeat left top; color: #ffffff; cursor: pointer; font-weight:normal; font-size: 12px; line-height:31px; margin-top:2px; position:relative;}
.no { display:none;}
.type_prod_title{width:234px; height:26px; background-color:#4c4c4c; text-align:center; font-size:12px; color:White; line-height:26px; font-weight:normal; float:left; overflow:hidden;}
</style>
<div class="type_prod_con">
<div class="type_prod_title">
产品专区</div>
<div id="menu">
<a onclick="javascript:ShowMenu(this,'NO0')">实木地板系列</a>
<span id="NO0" class="no">
<h2 onclick="javascript:ShowMenu(this,'NO00')">
实木地板名称</h2>
<h2 onclick="javascript:ShowMenu(this,'NO01')">
实木地板名称</h2>
<h2 onclick="javascript:ShowMenu(this,'NO02')">
实木地板名称</h2>
<h2 onclick="javascript:ShowMenu(this,'NO03')">
实木地板名称</h2>
</span>
<a onclick="javascript:ShowMenu(this,'NO1')">实木门系列</a> <span id="NO1" class="no">
<h2 onclick="javascript:ShowMenu(this,'NO10')">
实木门名称</h2>
<h2 onclick="javascript:ShowMenu(this,'NO11')">
实木门名称</h2>
</span><a onclick="javascript:ShowMenu(this,'NO2')">板式家具系列</a> <span id="NO2" class="no">
<h2 onclick="javascript:ShowMenu(this,'NO20')">
三级菜单C_1</h2>
<h2 onclick="javascript:ShowMenu(this,'NO21')">
三级菜单C_2</h2>
</span><a onclick="javascript:ShowMenu(this,'NO3')">软床系列</a> <span id="NO3" class="no">
<h2 onclick="javascript:ShowMenu(this,'NO30')">
四级菜单D_1</h2>
<h2 onclick="javascript:ShowMenu(this,'NO31')">
四级菜单D_2</h2>
</span><a onclick="javascript:ShowMenu(this,'NO4')">沙发系列</a> <span id="Span1" class="no">
<h2 onclick="javascript:ShowMenu(this,'NO40')">
四级菜单D_1</h2>
<h2 onclick="javascript:ShowMenu(this,'NO41')">
四级菜单D_2</h2>
</span><a onclick="javascript:ShowMenu(this,'NO5')">饰品系列</a> <span id="Span2" class="no">
<h2 onclick="javascript:ShowMenu(this,'NO50')">
四级菜单D_1</h2>
<h2 onclick="javascript:ShowMenu(this,'NO351')">
四级菜单D_2</h2>
</span>
</div>
</div>
<script language="JavaScript">
<!--//
function ShowMenu(obj,noid){
var block = document.getElementById(noid);
var n = noid.substr(noid.length-1);
if(noid.length==4){
var ul = document.getElementById(noid.substring(0,3)).getElementsByTagName("ul");
var h2 = document.getElementById(noid.substring(0,3)).getElementsByTagName("h2");
for(var i=0; i<h2.length;i++){
//h2[i].innerHTML = h2[i].innerHTML.replace("+","-");
h2[i].style.color = "";
}
obj.style.color = "#db5901";
for(var i=0; i<ul.length; i++){if(i!=n){ul[i].className = "no";}}
}else{
var span = document.getElementById("menu").getElementsByTagName("span");
var h1 = document.getElementById("menu").getElementsByTagName("h1");
for(var i=0; i<h1.length;i++){
h2[i].innerHTML = h1[i].innerHTML.replace("+","-");
h2[i].style.color = "";
}
obj.style.color = "#ffffff";
for(var i=0; i<span.length; i++){if(i!=n){span[i].className = "no";}}
}
if(block.className == "no"){
block.className = "";
obj.innerHTML = obj.innerHTML.replace("-","+");
}else{
block.className = "no";
obj.style.color = "";
}
}
//-->
</script>
‘拾’ 网页设计手风琴(折叠面板)默认第一个显示全部内容
$("选择器").hide().eq(0).show();