html带复选框的html5 css3 折叠菜单单怎么做?如图

您的位置: &>&&>& >>
已经帮助:人解决问题
复制代码 代码如下: &!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/ charset=utf-8" /& &title&可折叠弹出式菜单&/title& &/head& &style& body {background-color: #FFF;color: #000;} div {margin-bottom: 10} ul.menu {display:list-style-type:margin-top: 5} a.menuLink {font-size: 16font-weight:} &/style& &script type="text/javascript"& window.onload = initA function initAll() { var allLinks = document.getElementsByTagName("a"); for (var i=0; i&allLinks. i++) { if (allLinks[i].className.indexOf("menuLink") & -1) { allLinks[i].onclick = toggleM } } } function toggleMenu() { var startMenu = this.href.lastIndexOf("/")+1; var stopMenu = this.href.lastIndexOf("."); var thisMenuName = this.href.substring(startMenu,stopMenu); var thisMenu = document.getElementById(thisMenuName). if (thisMenu.display == "block") { thisMenu.display = "none"; } else { thisMenu.display = "block"; }
} &/script& &body& &h1&Shakespeare's Plays&/h1& &div& &a href="menu1.html" class="menuLink"&Comdeis&/a& &ul class="menu" id="menu1"& &li&&a href="pg1.html"&All's Well That Ends Well&/a&&/li& &li&&a href="pg2.html"&As You Like It&/a&&/li& &li&&a href="pg3.html"&Love's Labour's Lost&/a&&/li& &li&&a href="pg4.html"&The Comedy of Errors&/a&&/li& &/ul& &/div& &div& &a href="menu2.html" class="menuLink"&Tragedies&/a& &ul class="menu" id="menu2"& &li&&a href="pg5.html"&Anthony & Cleopatra&/a&&/li& &li&&a href="pg6.html"&Hamlet&/a&&/li& &li&&a href="pg7.html"&Romeo & Juliet&/a&&/li& &/ul& &/div& &div& &a href="menu3.html" class="menuLink"&Histories&/a& &ul class="menu" id="menu3"& &li&&a href="pg8.html"&Henry IV, Part1&/a&&/li& &li&&a href="pg9.html"&Henry IV, Part2&/a&&/li& &/ul& &/div& &/body& &/html&
(责任编辑:)
友情链接:联系人:QQ怎么样用html和css写折叠菜单?_百度知道基于HTML5代码实现折叠菜单附源码下载
作者:佚名
字体:[ ] 来源:互联网 时间:11-27 16:49:33
基于html5代码实现折叠菜单附源码下载,效果逼真,非常方便使用,对html5折叠菜单感兴趣的朋友可以参考下
基于html5代码实现折叠菜单附源码下载。效果图如下所示,喜欢的亲们还可以下载源码哦!
hmtl代码:
代码如下:&div class="container"&
&div class="card-drop"&
&a class='toggle' href="#"&
&i class='fa fa-suitcase'&&/i&
&span class='label-active'&爱编程&/span&
&li class='active'&
&a data-label="Everyting" href="#"&&i class='fa fa-suitcase'&&/i& 爱编程&/a&
&a data-label="Design" href="#"&&i class='fa fa-magic'&&/i& jQuery特效&/a&
&a data-label="UI-UX" href="#"&&i class='fa fa-bolt'&&/i& CSS3特效&/a&
&a data-label="Print" href="#"&&i class='fa fa-tint'&&/i& HTML5特效&/a&
&a data-label="Photography" href="#"&&i class='fa fa-camera-retro'&&/i& 音效下载&/a&
&a data-label="Photography" href="#"&&i class='fa fa-camera-retro'&&/i& flash动画&/a&
代码如下:(function ($) {
var cards = $('.card-drop'), toggler = cards.find('.toggle'), links = cards.find('ul&li&a'), li = links.parent('li'), count = links.length, width = 100;
li.each(function (i) {
$(this).css('z-index', count - i);
function setClosed() {
li.each(function (index) {
$(this).css('top', index * 4).css('width', width - index * 0.5 + '%').css('margin-left', index * 0.25 + '%');
li.addClass('closed');
toggler.removeClass('active');
setClosed();
toggler.on('mousedown', function () {
var $this = $(this);
if ($this.is('.active')) {
setClosed();
$this.addClass('active');
li.removeClass('closed');
li.each(function (index) {
$(this).css('top', 60 * (index + 1)).css('width', '100%').css('margin-left', '0px');
links.on('click', function (e) {
var $this = $(this), label = $this.data('label');
icon = $this.children('i').attr('class');
li.removeClass('active');
if ($this.parent('li').is('active')) {
$this.parent('li').removeClass('active');
$this.parent('li').addClass('active');
toggler.children('span').text(label);
toggler.children('i').removeClass().addClass(icon);
setClosed();
e.preventD
}(jQuery));
大家感兴趣的内容
12345678910
最近更新的内容JS+CSS制作垂直折叠菜单,左侧带有折叠下拉的图标是怎么做的?
JS+CSS制作垂直折叠菜单,左侧带有折叠下拉的图标是怎么做的?
09-10-19 &
&html&  &head&    &title&标题页&/title&    &meta http-equiv=content-type content=&text/charset=GBK&&    &style type=&text/css&&      A:visited{color:}      A:hover{color:}      A{        TEXT-DECORATION:        outline:      }    &/style&    &script language=&JavaScript&&      &!--           // 判断浏览器的变量           IE4 = (navigator.appName == &Microsoft Internet Explorer&) ? true :          // 初始化菜单          function initIt(){            if (!IE4)            divColl = document.getElementsByTagName(&DIV&);            for (i=0; i&divColl. i++) {               whichele = divColl(i);               if (whichele.className == &child&) whichele.style.display = &none&;            }            var myLinks = document.          
           // 去掉超链接虚边框            for( j=0;  j&myLinks. j++){              myLinks[j].onfocus = function(){this.blur();}            }         }         // 展开菜单的方法         function expandIt(ele) {           if (!IE4)           var name = ele + &Child&;           whichele = document.all[name];                       if (whichele.style.display == &none&) {             whichele.style.display = &block&;           }else {             whichele.style.display = &none&;           }         }         // 改变链接图片         function changeImg(img){           img.src = (img.src.indexOf(&2.jpg&) != -1)?&1.jpg&:&2.jpg&;         }         // 鼠标悬停的时候改变颜色         function mouseOn(obj){           obj.bgColor = &#EFFFFF&;         }         // 鼠标离开的时候改变颜色         function mouseOut(obj){           obj.bgColor = &#FFFFFF&;         }         onload = initIt;       --&     &/script&  &/head&  &body&    &!--网站收藏--&    &div id=&menuParent& class=&parent&&      &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('menu');changeImg(this);& &网站收藏&/img&    &/div&    &div id=&menuChild& class=&child&&      
     &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=30 align=&right&&●&/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a href=&& target=&_blank& &百度&/a&          &/td&        &/tr&      &/table&      &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=30 align=&right&&●&/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a href=&& target=&_blank& &新浪&/a&          &/td&        &/tr&      &/table&      &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=30 align=&right&&●&/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&& target=&_blank& &搜狐&/a&         &/td&       &/tr&      &/table&      
   &/div&    &!--文本区域--&    &div id=&Menu2Parent& class=&parent&&      &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('Menu2');changeImg(this);& &文本区域&/img&    &/div&    &div id=&Menu2Child& class=&child&&      &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=&30&& &/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a href=&#& onclick=&expandIt('Menu21');&&文章一&/a&          &/td&        &/tr&      &/table&      &div id=&Menu21Child& class=&child& style=&width:260&&        &table border=0 cellspacing=0 cellpadding=0&          &tr&            &td width=&30&&&/td&            &td bgColor=&DFFFFF&&              JavaScript是目前web应用程序开发者使用最为广泛...            &/td&          &/tr&        &/table&      &/div&  
     &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=&30&& &/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a href=&#& onclick=&expandIt('Menu22');&&文章二&/a&          &/td&        &/tr&      &/table&
     &div id=&Menu22Child& class=&child& style=&width:260&&        &table border=0 cellspacing=0 cellpadding=0&          &tr&            &td width=&30&&&/td&            &td bgColor=&DFFFFF&&              20世界90年代中期,大部分互联网用户使用28.8kb/s......            &/td&          &/tr&        &/table&      &/div&
     &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=&30&& &/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a href=&#& onclick=&expandIt('Menu23');&&文章三&/a&          &/td&        &/tr&      &/table&
     &div id=&Menu23Child& class=&child& style=&width:260&&        &table border=0 cellspacing=0 cellpadding=0&          &tr&            &td width=&30&&&/td&            &td bgColor=&DFFFFF&&              在接下来的几年时间里,ISO/IEC采纳ECMAScript作为.....            &/td&          &/tr&        &/table&      &/div&
   &/div&    &!--多层菜单演示--&    &div id=&Menu3Parent& class=&parent&&      &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('Menu3');changeImg(this);& &多层菜单演示&/img&    &/div&    &div id=&Menu3Child& class=&child&&      
     &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=30& &/td&          &td&            &!--start--&            &div id=&Menu3Parent& class=&parent&&              &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('Menu4');changeImg(this);& &多层&/img&            &/div&            &div id=&Menu4Child& class=&child&&      
             &table border=0 cellspacing=0 cellpadding=0&                &tr&                  &td width=30& &/td&                  &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&                    &a href=&#&&子菜单一&/a&                  &/td&                &/tr&                &tr&                  &td& &/td&                  &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&                    &a href=&#&&子菜单二&/a&                  &/td&                &/tr&                &tr&                  &td& &/td&                  &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&                    &a href=&#&&子菜单三&/a&                  &/td&                &/tr&              &/table&      
           &/div&            &!--end--&          &/td&        &/tr&      &/table&      &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=30& &/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a href=&#&&子菜单二&/a&          &/td&        &/tr&      &/table&      &table border=0 cellspacing=0 cellpadding=0&        &tr&          &td width=30& &/td&          &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&            &a  href=&#&&子菜单三&/a&          &/td&        &/tr&      &/table&      
   &/div&  &/body&&/html&这是我写的一个小例子图片是截取的qq的那个菜单图标,你可以自己弄
请登录后再发表评论!
过渡坦克——JS-1(JS-85)日,苏联车里雅宾斯克基洛夫工厂奉命设计一种新型坦克。该坦克将以“斯大林”(JS)的名字命名。由于该厂此前很长一段时间醉心于KV-13的研制,所以设计师理所当然地以它为基础设计研制新型坦克。那么KV-13是一种什么坦克呢?原来在二战前夕,苏联陆军高层将领中有一部分人主张研制一种介于重型坦克和中型坦克之间地“联合坦克”。也就是现代主战坦克地最初概念。1942年3月,在KV-1坦克地基础上设计。最后生产出来地坦克战斗全重31.7吨,比T34-76重,T34比-85轻,车体前装甲120毫米,炮塔前装甲85毫米,发动机使用600马力地V2K柴油机,最大公路速度55公里/小时。可是由于原始设计来源于KV-1坦克,所以底盘机械故障多地毛病也继承了下来,多次改进无效,只好下马!另外由于受KV-1/KV-2坦克分别使用76毫米火炮和152毫米火炮的成功经验的启发,在KV-13的改进底盘上也分别推出了装76.2毫米坦克炮的223工程和安装一门122毫米U-11榴弹炮的234工程。基洛夫工厂分别飞正式把它们命名为JS-1和JS-2。在月的试车中这两种坦克样车表现良好。这两辆车都是五个负重轮,外形古怪的铸造炮塔,于后来的JS-1JS和-2有天壤之别。在试车阶段,一辆被苏联红军缴获的“虎”式坦克被送到库宾卡实验场。苏联使用各种火炮对它的装甲进行了射击测试。结果表明,在当时现有火炮中,最有希望击穿“虎”式坦克正面装甲的是1939年型85毫米高射炮。它能在1000米的距离上击穿“虎”式正面100毫米厚的装甲。全新的JS重型坦克样车的准备工作因此展开。两种85毫米坦克炮装备装在新车底盘上测试。一种是以76.2毫米坦克炮为基础扩膛而来的S-31/85毫米坦克炮;另一种是由SU-85自行火炮的D-5S发展而来的D5-T坦克炮。这些更大的火炮使得炮塔必须重新设计,车体的长度延长420毫米。再考虑到原先过于紧凑的底盘是很多问题的根源,最终的结果原先底盘的第二和第三负重轮之间增加一对负重轮,这种每侧6个负重轮的设计已经有JS-2的影子了!1943年6月新样车(被命名为JS-85)和当时也刚完成的KV-85一起在库宾卡进行试验。在出厂的两辆新样车中,一辆装S-31的85毫米火炮,一种是装D5-T85毫米火炮。试验持续了3个月,包括全面的机动性和火力测试。经过设计师的不断改进,新JS坦克的2底盘日渐成熟和完善。日,JS-85完成了试验,开始服役了!库尔斯克的产物——JS-2在JS-1进行最后的试验时,苏德战场爆发了惊心动魄的坦克大会战——库尔斯克会战。尽管在这场大战中,苏联红军会取得最后的胜利,但是在战斗中,苏军发现了一种可怕的怪物——德国的“斐迪南”式自行反坦克炮。这种利用“虎”式坦克的底盘改造的反坦克炮不仅有71倍口径的88毫米炮(后来装备“虎王”的主炮),最厉害的还是其200毫米厚的前装甲。苏联红军当时装备部队的各种反坦克炮,包括正在研制的JS-1和T34-85上装备的85毫米炮都不可能从正面击穿其200毫米厚的前部装甲。1943年8月,当库尔斯克战役刚刚结束,苏联军方就决定为JS坦克加装威力更大的火炮。在库尔斯克战役中,发生过这么一件事情:当德国“虎”坦克对红军的一个榴弹炮阵地进行冲击时,苏军士兵们只好用阵地上的122毫米口径1931年式A-19加农榴弹炮对德军坦克进行平射。它们意外的发现,这种火炮平射时威力巨大,无论发射什么弹钟,只要德国坦克被命中一发都是九死一生。库尔斯克的成功经验鼓励着苏联人,他们决心将122毫米火炮安装上“斯大林”坦克。设计师很快在A-19和M-30式榴弹炮的基础上设计出来D-2式122毫米坦克炮。这种火炮与原先JS-29(234号工程)原型车上安装的U-11火炮有根本的不同。其威力巨大,但是后坐力也是很大的,因此必须要在炮口上安装制退器。JS-2(js-122)重型坦克的原型车在1943年的秋季进行了一系列的试验。样车安装的式D-2火炮的改进型——D-25T坦克炮。由于JS-2的底盘和JS-1基本没有差别,所以试验主要围绕它的火力系统进行。在当时一系列试验中,JS-2上安装的122毫米火炮显示了良好的性能。在对被缴获的德国“豹”式坦克炮塔侧面的设计试验中,在1500米距离上JS-2的122毫米D-25T坦克炮可以贯穿“豹”式的正面装甲。而在对“豹”式炮塔侧面的射击试验中,炮弹竟然贯穿了炮塔。将炮塔对穿的穿甲弹弹芯在“豹”式坦克的另一侧几米处被找到。JS-2重型坦克战斗全重42吨。乘员为4人—车长,炮长,驾驶员和装填手。坦克的基本姓能数据:车长9.83米,宽3.07米,车高2.73米,车底距地高465毫米。与小巧的T-34相比,它俨然是一个庞然大物。JS-2采用一台520马力的V-2系列柴油发电机。该发动机与KV坦克的相比功率稍小,但是结构更加简单,与T-34具有更大的通用性。JS-2的公路最大速度是37千米/小时,平均越野时速12~19千米/小时。虽然它的燃料载量为523升,但是油耗非常惊人。在公路行军时百千米耗油217升,越野状态为249升。最大公路行程240千米,最大越野行程210千米,但是实际通常只有150千米左右。JS-2的爬坡性能为35度,无准备涉水深度1.3米,过垂直墙高0.99米,越壕宽度2.48米。在火力方面,JS-2的主要武器为一门D25T 122毫米的43倍口径坦克炮,俯仰角-3度~+20度,备弹28发。在通常情况下,弹药配备穿甲弹和榴弹是3:7比例。穿甲弹又分为普通钢芯穿甲弹和钨芯穿甲弹两种。二战后期通常只有一些富有作战经验的近卫坦克部队才能在一辆坦克上装几发钨芯弹。用来在约1千米以上距离对德国的“虎王”坦克正面进行攻击。122毫米炮使用曳光普通钢芯穿甲弹在1千米距离垂直穿甲厚度160毫米。辅助武器是两挺7.62毫米DT车载机枪,备弹1000发,其中有一挺是后射机枪,可以对从坦克侧后偷袭的步兵进行杀伤。这也是吸收了KV坦克的成功经验。JS-2的后期型号上加装了一挺12.7毫米的DSHK高射机枪,备弹500发。坦克的装甲厚度为:车体前下装甲100毫米,倾角30度;车体前上装甲120毫米,倾角60度;车体侧面装甲80毫米,倾角90度;车体后下装甲60度,倾角41度;车体侧上装甲60毫米,倾角48度;车底装甲20毫米;车体顶部装甲30毫米;炮塔前装甲100毫米,加上防盾总厚度为140~160毫米;侧后部装甲90毫米,呈平滑的圆弧过渡,炮塔顶部装甲30毫米,炮塔上部的指挥塔装甲90毫米。简单就是美可怕的生产能力在战争时期,战车的生产成本中最重要的资源是人力。在这方面相比德国坦克JS-2的经济性尤为突出。对比苏联和纳粹德国的坦克生产,会发现各自坦克的生产工时有数量级的差别:生产一辆“虎”式需要25万个工时,生产一辆“豹”式需要15万工时,而生产一辆JS-2只要5万工时。在德国生产一辆“虎”的时间里,苏联可以生产5辆“斯大林-2”坦克!如果是以这样差距拼消耗,即使“虎”与“斯大林-2”战损是1:2德军也完全没有获胜的希望。苏联设计师选择122毫米作为坦克炮的口径的另一个原因也是为了减少生产的工时。尽管D-2火炮的弹药和A-19加榴炮有区别,但是两种火炮可以使用相同的车床和作业流程来生产,从而降低了人力和设备的投入。按照中国的古话,德国人嗜好复杂机械天性可能要被冠以奇技淫巧的恶命。而苏联对陆军武器那样敏锐的感觉和把握能力则让我们佩服。任何新武器在战场上刚刚出现,苏联就迅速将其中的精华吃透,套用一句广告词叫“吸收特别快”,并能用最快的速度和数量来转化成战斗力。这种情况让我们联想到成吉思汗装备简单实用的复合弓,采用单一战术的蒙古骑兵与装备精锐盔甲,高头大马的波兰骑士的对阵情况。蒙古骑兵曾经以3个万人队扫荡半个西欧。西方拍摄的影视作品(比如美国的《兵临城下》)中每每以人海战术丑化二战苏军,其实看来后怕的成分更大。火炮的取舍JS-2的122毫米火炮威力空前,以至直到二战结束,苏联重型坦克部队的指挥官都不需要关心他们的对手了什么新坦克。而在一些最近几年播放的大多是西方国家制作的二战资料片中认为JS-2的主炮是榴弹炮,主要使用高爆弹实施火力支援,甚至都不做为坦克来参与双方坦克装备的比较,这是偏见,也是为了掩盖西方盟国在二战中一直没有成熟可靠的可以对抗德国重型坦克的同类车型的事实。实际上没有任何一种新的德国坦克能够在常见距离上承受122毫米炮的打击。122毫米坦克炮采用分装式弹药,虽然使得坦克炮塔结构紧凑,但是却大大降低了主炮的射速。在样车试验阶段只有1~1.5发/分。在增加第二装填手,改进炮塔布置之后才勉强达到2发/分的水平。这种射速加上28发载弹量严重限制了JS-2的战斗力。这在当时条件下是很难克服的!增加载弹量必然使得车体的体积和重量增大,从而大大降低JS-2的机动性。最后苏联军方决定,这些问题暂时不去理会,先让JS-2服役——为了服从武器系统的总体性能,一些单个的性能指标可以放弃。与德国人相比,这是完全不同的设计思路。德国人总是追求机械的完美和每项细微性能都能满足要求,当技术水平暂时达不到要求时,不惜使得系统复杂化来满足要求。最后设计出来都是精密有余,而可靠性不足的武器。比如德国中型坦克“豹”式重量竟然与苏军的重型JS-2坦克相当,而两者在火力和装甲方面的差距一看便知。原因绝对不是因为德国的工业设计能力有问题,而是指导思想不同。底盘的取舍JS-2的战斗全重达到46吨,这对它的底盘是个考验。采用扭肝悬挂装置的底盘的表现并不出色,只能说“表现一般”。而且JS-2只有6对负重轮,12个受力点,每个接近4吨的重量在通过起伏比较大的复杂地形和障碍时,JS-2的悬挂系统显得很僵硬,不能起到很好的减震作用。德国重型坦克采用的交错排列的负重轮和宽履带,每个受力点承受重量要轻的多,所以德国重型坦克的行驶平稳性通常比苏联坦克好,从而在持续作战能力上有一定优势,这对重视精锐部队的德军来说意义重大。JS-2使用的V-2系列柴油机。对重型坦克来说或许功率是低了一点,可是因为所有苏联坦克都装备V-2系列发动机,这样在通用维护方面相对简便了很多。在装甲防护方面,苏联对JS-2进行了相当严酷的试验。作为重型坦克,苏联要求JS-2在360度方向,500~600米范围内可以防御自己装备的ZIS-3型76.2毫米坦克炮的打击。实弹射击表明JS-2的装甲厚度满足了以上条件。当斯大林看到这种重型坦克走下生产线时,自信地说到:“我们要用这种坦克来结束战争!”JS系列地战斗表现1944年12月在JS-1服役后的两个月,匆匆结束试验的JS-2也开始服役。在1944年1月以后,由于JS-2的性能全面超越JS-1,所以之后苏联只生产JS-2。德国士兵们很快就发现了这是个可怕的对手。在一次战斗中,苏军的JS重型坦克与其他中型,轻型坦克编队冲入德军阵地。在600~700米距离上双方激烈交火。几乎每辆苏军坦克都被击中过,平均每辆JS-2挨了7发炮弹,但是大部分JS-2坦克生存了下来。不仅击毁了大批德国IV坦克和III号突击炮,甚至还缴获了16辆德国“豹”式坦克。战斗中一门德军的PAK-40 75毫米反坦克炮在距离一辆JS-2 200米时瞄准其侧面装甲连开数炮才将其击毁。号~5月10号的20天里,苏军的72近卫独立坦克团以损失2辆JS-2的代价,摧毁41辆包括“虎”式坦克和III号突击炮在内,还有10火炮等大量的重型军事装备。有一辆JS-2在与德军突击炮交火中火炮失灵,在脱离过程中被击中5次,竟然毫无损伤,直到一辆德军突击炮摸到它右侧600米距离,才打穿这辆JS-2的发动机舱,坦克才被击毁。尽管JS坦克取得了很大成功,可是在与“虎”和“虎王”等重型坦克一对一的较量中没有完全获得优势。这主要还是因为苏联坦克采用的铸造装甲由于在实际加工中容易出现空泡,降低了装甲的抗打击能力,特别是在战时强调速度的情况下愈加恶化!面对德国装备的88毫米炮,只有140~150毫米的装甲在1000米距离上才是安全的。在1000米距离上JS-2的正面能够抵御88毫米炮穿甲弹的攻击,。另外“豹”坦克的KWK42 75毫米70倍口径的坦克炮也能在1000米以外击穿JS-2的装甲。而JS-2和“虎”还有“虎王”都可以在1000米以内互相击穿对方的主装甲。这种情况下决斗的胜负就要看客观环境和人的素质了!日,德军503重型坦克营在塔尔诺波里地区首次遭遇JS-2重型坦克。这是苏军近卫第11重坦克团JS-2坦克的首战。交战中,处于有利防御态势的德军“虎”式坦克一顿痛打,123号“虎”射出的一枚88炮弹击中JS-2后还引爆了车内弹药,强烈的爆炸将巨大的炮塔抛出很远。在另一边,苏军著名的“屠虎勇士”乌达洛夫大尉曾经在JS-2单车对7辆“虎王”较量时取得击毁其中3辆的战绩。除此之外,JS-2和“虎王”很少有机会交手。在战火中不断改进为了加强JS-2坦克的攻击力,苏联在战争过程中不断改进其弹药。从D25T式122毫米炮最初使用的BR-471钢芯穿甲弹,只能在600~700米距离上击穿“豹”式坦克的前装甲,或者在1200米距离击穿“虎”式坦克的前装甲。而在后来新型的钨芯穿甲弹装备D25T之后,在1944年秋季使用时,苏联坦克手吃惊的发现这种炮弹可以在1500米距离上击穿德国“豹”式坦克正面装甲。战争后期由于德国坦克不少都采用了倾斜装甲,苏联就开发了可以在接触倾斜装甲时在上面“刨坑”的钝头穿甲弹。又由于德军在战争后期的巷战中步兵使用的“铁拳”反坦克火箭筒成为了JS-2的最大威胁。它击毁了JS-2损失总数的百分之七十。于是苏军就利用就便器材改造成反空心装药的防护网。JS-2最明显的改进是车体前部的首上装甲,原来这里设有驾驶员的观察窗。由于这个窗是几乎垂直的,大大削弱了车体前部防护。德国炮手喜欢瞄准这一部位射击。苏联方面因而将大倾角的前装甲一直延伸到炮塔座圈前方,这个特征成为JS-2M与JS-2的主要外观区别。同时在实战中苏联坦克兵为了对付附近楼房等制高点的目标,另时将DP机枪用钢丝固定在炮塔顶部。这一改进得到后来的官方认可,以至此后的生产的JS-2顶部安装了DSHK 12.7毫米高平两用机枪。在战争最后一年里,红军每个近卫独立重型坦克率装备65辆JS-2,每个坦克集团军至少有一个JS-2重型坦克团。苏军此时惯用战术是以JS-2和JS-2M重型坦克为先锋,利用它们抗得起打击,火力强的特点吸引德军正面防御的火力和兵力,利用机动性能好,速度快的中型T34坦克从两翼迅速包抄,撕开突破口,扩展胜利战果!在苏军之外战斗的JS-2坦克除了在苏联红军服役之外,波兰的第4和第5重型坦克团也装备了71辆JS-2坦克。其中第4重型坦克团在波美拉尼亚的战斗中使用JS-2坦克摧毁了德军31辆坦克,不过自己也损失了14辆。这两个团后来都参加了柏林战役。另外在布拉格解放以后,捷克也接受了一些JS-2重型坦克。中国在朝鲜战争中曾经将从苏联援助的一些JS-2重型坦克投入战场。根据有关报道,苏联提供给中国志愿军的是JS-2重型坦克的初期型号,而不是改进后的JS-2M。美国一些专家认为我入朝部队的4个独立坦克团的5个连中就有一个装备有5辆JS-2重型坦克的连。由于这些JS-2主要用来进行火力支援,或间接瞄准射击,所以没有参与坦克战,当然也没有战果了!主要还是中国军队在当时缺乏制空权和朝鲜地形的限制,倒是让志愿军装备的T34-85坦克打了一个5:0的大胜仗,大家都知道就不细说了!同时代的朝鲜人民军的两个坦克师各装备一个JS-2重型坦克团。在法国入侵印度支那战争中,据说越军部队也装备过JS-2坦克。法军还专门派遣了一辆自己留用装备的德国二战的“豹”式坦克去对付它,可是后来就没有下文了!在古巴的20世纪60年代早期接受了两个团的JS-2的苏联军事援助,直到现在还当作海防炮使用。
请登录后再发表评论!
&html& &head&   &title&标题页&/title&   &meta http-equiv=content-type content=&text/charset=GBK&&   &style type=&text/css&&     A:visited{color:}     A:hover{color:}     A{       TEXT-DECORATION:       outline:     }   &/style&   &script language=&JavaScript&&     &!--          // 判断浏览器的变量          IE4 = (navigator.appName == &Microsoft Internet Explorer&) ? true :         // 初始化菜单         function initIt(){           if (!IE4)           divColl = document.getElementsByTagName(&DIV&);           for (i=0; i&divColl. i++) {              whichele = divColl(i);              if (whichele.className == &child&) whichele.style.display = &none&;           }           var myLinks = document.                     // 去掉超链接虚边框           for( j=0;  j&myLinks. j++){             myLinks[j].onfocus = function(){this.blur();}           }        }        // 展开菜单的方法        function expandIt(ele) {          if (!IE4)          var name = ele + &Child&;          whichele = document.all[name];          
         if (whichele.style.display == &none&) {            whichele.style.display = &block&;          }else {            whichele.style.display = &none&;          }        }        // 改变链接图片        function changeImg(img){          img.src = (img.src.indexOf(&2.jpg&) != -1)?&1.jpg&:&2.jpg&;        }        // 鼠标悬停的时候改变颜色        function mouseOn(obj){          obj.bgColor = &#EFFFFF&;        }        // 鼠标离开的时候改变颜色        function mouseOut(obj){          obj.bgColor = &#FFFFFF&;        }        onload = initIt;      --&    &/script& &/head& &body&   &!--网站收藏--&   &div id=&menuParent& class=&parent&&     &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('menu');changeImg(this);& &网站收藏&/img&   &/div&   &div id=&menuChild& class=&child&&      
    &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=30 align=&right&&●&/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&& target=&_blank& &百度&/a&         &/td&       &/tr&     &/table&     &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=30 align=&right&&●&/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&& target=&_blank& &新浪&/a&         &/td&       &/tr&     &/table&     &table border=0 cellspacing=0 cellpadding=0&      &tr&        &td width=30 align=&right&&●&/td&        &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&          &a href=&& target=&_blank& &搜狐&/a&        &/td&      &/tr&     &/table&      
  &/div&   &!--文本区域--&   &div id=&Menu2Parent& class=&parent&&     &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('Menu2');changeImg(this);& &文本区域&/img&   &/div&   &div id=&Menu2Child& class=&child&&     &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=&30&& &/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&#& onclick=&expandIt('Menu21');&&文章一&/a&         &/td&       &/tr&     &/table&     &div id=&Menu21Child& class=&child& style=&width:260&&       &table border=0 cellspacing=0 cellpadding=0&         &tr&           &td width=&30&&&/td&           &td bgColor=&DFFFFF&&             JavaScript是目前web应用程序开发者使用最为广泛...           &/td&         &/tr&       &/table&     &/div&  
    &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=&30&& &/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&#& onclick=&expandIt('Menu22');&&文章二&/a&         &/td&       &/tr&     &/table&
    &div id=&Menu22Child& class=&child& style=&width:260&&       &table border=0 cellspacing=0 cellpadding=0&         &tr&           &td width=&30&&&/td&           &td bgColor=&DFFFFF&&             20世界90年代中期,大部分互联网用户使用28.8kb/s......           &/td&         &/tr&       &/table&     &/div&
    &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=&30&& &/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&#& onclick=&expandIt('Menu23');&&文章三&/a&         &/td&       &/tr&     &/table&
    &div id=&Menu23Child& class=&child& style=&width:260&&       &table border=0 cellspacing=0 cellpadding=0&         &tr&           &td width=&30&&&/td&           &td bgColor=&DFFFFF&&             在接下来的几年时间里,ISO/IEC采纳ECMAScript作为.....           &/td&         &/tr&       &/table&     &/div&
  &/div&   &!--多层菜单演示--&   &div id=&Menu3Parent& class=&parent&&     &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('Menu3');changeImg(this);& &多层菜单演示&/img&   &/div&   &div id=&Menu3Child& class=&child&&      
    &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=30& &/td&         &td&           &!--start--&           &div id=&Menu3Parent& class=&parent&&             &img name=&image1& id=&image1& src=&2.jpg& onClick=&expandIt('Menu4');changeImg(this);& &多层&/img&           &/div&           &div id=&Menu4Child& class=&child&&      
            &table border=0 cellspacing=0 cellpadding=0&               &tr&                 &td width=30& &/td&                 &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&                   &a href=&#&&子菜单一&/a&                 &/td&               &/tr&               &tr&                 &td& &/td&                 &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&                   &a href=&#&&子菜单二&/a&                 &/td&               &/tr&               &tr&                 &td& &/td&                 &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&                   &a href=&#&&子菜单三&/a&                 &/td&               &/tr&             &/table&      
          &/div&           &!--end--&         &/td&       &/tr&     &/table&     &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=30& &/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a href=&#&&子菜单二&/a&         &/td&       &/tr&     &/table&     &table border=0 cellspacing=0 cellpadding=0&       &tr&         &td width=30& &/td&         &td onmouseover=&mouseOn(this);& onmouseout=&mouseOut(this);&&           &a  href=&#&&子菜单三&/a&         &/td&       &/tr&     &/table&      
  &/div& &/body&&/html&这是我写的一个小例子图片是截取的qq的那个菜单图标,你可以自己弄 3
请登录后再发表评论!

我要回帖

更多关于 html可折叠菜单 的文章

 

随机推荐