CSS JS 滑动们问题 高手近

html-css012

CSS JS 滑动们问题 高手近,第1张

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>滑动门技术</title>

<style media="screen" type="text/css">

<!--

*{font-size:12px}

html,body{margin:0text-align:centerover-flow:hiddenheight:100%width:100%}

UL{list-style-type:nonemargin:0px}

/* 标准盒模型 */

.ttl{height:18px}

.ctt{height:autopadding:6pxclear:bothborder:1px solid #064ca1border-top:0text-align:left}

.w936{margin:2px 0clear:bothwidth:936px/*这里调整整个滑动门的宽度*/}

/* TAB 切换效果 */

.tb_{background-image: url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_b6d924afad052649402dWs8adqAyLtgi.gif')

background-repeat: repeat-xbackground-color: #E6F2FF}

.tb_ ul{height:24px}

.tb_ li{float:leftheight: 24pxline-height:1.9width: 94pxcursor:pointer}

/* 用于控制显示与隐藏的css类 */

.normaltab {

background-image:url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_1bd9c293199c87ac974auuJXlsPMeKDq.gif')

background-repeat: no-repeat

color:#1F3A87

}

.hovertab {

background-image: url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_55976880c7b020703a18yOxpDn5WBaHd.gif')

background-repeat: no-repeat

color:#1F3A87

font-weight:bold

}

.dis{display:block}

.undis{display:none}

-->

</style>

<script type="text/javascript" language="javascript">

//<!CDATA[

function g(o){return document.getElementById(o)}

function HoverLi(n){

for(var i=1i<=5i++){

g('tb_'+i).className='normaltab'

g('tbc_0'+i).className='undis'

}

g('tbc_0'+n).className='dis'

g('tb_'+n).className='hovertab'

}

//]]>

</script>

</head>

<body>

<div class="w936">

<div id="tb_" class="tb_">

<ul>

<li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1)">

流行音乐</li>

<li id="tb_2" class="normaltab" onmouseover="i:HoverLi(2)">

美女写真</li>

<li id="tb_3" class="normaltab" onmouseover="a:HoverLi(3)">

平面设计</li>

</ul>

</div>

<div class="ctt">

<div class="dis" id="tbc_01">流行音乐 的内容</div>

<div class="undis" id="tbc_02">美女写真 的内容</div>

<div class="undis" id="tbc_03">平面设计 的内容</div>

</div>

</div>

<hr author="#" size="1" noshade="noshade" style="color:#064ca1margin-top:30px" />

<div class="w936">

<div id="tb_" class="tb_">

<ul>

<li id="tb_4" class="hovertab" onmouseover="d:HoverLi(4)">

沃尔沃</li>

<li id="tb_5" class="normaltab" onmouseover="b:HoverLi(5)">

风格</li>

</ul>

</div>

<div class="ctt">

<div class="dis" id="tbc_04">流额外 的内容</div>

<div class="undis" id="tbc_05">个人的内容</div>

</div>

</div>

</body>

</html>

由于疫情的影响,近期很多的车展都不得不被取消或改期了。相信很多喜欢车的朋友都和我们一样,都表示十分的无奈。

但好在由中国国际贸易促进委员会汽车行业分会主办,汽车之家承办的2020中国春季云车展正式开幕了,让车迷及汽车爱好者们可以足不出户就欣赏到各式各样的新车。

大家都知道最近JCSS在大力打击非法改装以及飙车,那么如果拥有一台原厂就带改装件的车型,就不麻烦找上门了。本期小白带大家来看看这几款原厂自带改装件的车型,从10万到25万总有一款适合你!

东风风神 奕炫

230T 自动炫目曜夜骑士版

官方指导价为8.59万元

对于不少车主,新车买来都会自己去加装碳纤维的前唇、侧扰流板以及后扰流板等装饰。但后期改装归后期改装,在路上总会有“截停、交钱”的一天。那么奕炫的炫目曜夜骑士版,就完全解决你这个顾虑了。

外观方面,奕炫骑士版在继承了东风风神家族设计风格基础上,对车身多处进行了熏黑运动风处理,还融入了更多迎合年轻消费者审美喜好的时尚元素。熏黑处理的进气格栅辅以高亮黑L形镀铬装饰条,配合引擎盖两侧隆起的肌肉线条,让大灯更加犀利有神。碳纤纹前包围提升了运动感和力量感,同时配有“CTCC红色标识”。

车身尾部通样也是战斗感十足,高亮黑形镀铬装饰条与红色的全LED贯穿式尾灯搭配,辨识度极高。高亮黑电镀后品牌标识、碳纤纹后扰流板和碳纤纹尾翼等设计细节,使得尾部姿态更加高扬。

奕炫骑士版内饰整体延续了“双燕-凌动”的家族语言,7英寸彩色液晶行车显示屏提供多种行车信息、10.25英寸悬浮式超宽中控触摸屏可支持语音交互功能。

动力方面,奕炫骑士版搭载1.5T涡轮增压发动机,其最大功率为110千瓦,峰值扭矩为230牛米,综合油耗每百公里6.4升。

名爵6

自动Trophy竞技版+运动尾排竞速套装

官方指导价13.48万元

说到名爵6,想必大家都非常熟悉了,其主打运动竞技的风格,从上市以来就吸引一大波年轻消费群体。而在去年,名爵6还推出了装备佛吉亚的可关闭排气阀门版本。对于嫌自己车的排气不够“运动”的同学,不妨可以考虑下。毕竟这也是同级别中原厂唯一带可关闭排气阀门的车型。

外观方面,前脸采用了熏黑样式满天星中网设计,搭配两侧“伦敦眼”大灯以及LED日间行车灯,中网边框、雾灯区域以及下唇边采用了熏黑设计,整体设计充满了运动气息;

车身侧面采用溜背式造型,配备18寸普利司通泰然者轮胎和红色运动卡钳,车尾部分尾灯采用LED光源,横穿后备厢盖的黑色饰条搭配底部熏黑式保险杠,则进一步增强了整车的运动感。

内饰方面,采用T字形的环抱式设计,同时中控部分配备了10.1英寸高清触摸屏。整个内饰设计年轻个性,材质用料也足够有高级感,三辐平底方向盘、斑马智行系统等配置也依旧抢眼。

而动力方面,新车搭载1.5T发动机,最大功率124kW(169PS),峰值扭矩250N·m,匹配6速手动变速箱,新车满足国六b排放标准。

领克03+

2.0TD 自动性能套装版

官方指导价22.88万元

最后给大家推荐的是我们的自主品牌的性能车——领克03+。

对比普通版车型,领克03+在外观方面的变化主要体现在配色以及在细节上的处理,比如专属的黄加黑的双色车身,以及大面积的空气动力学套件。侧面C柱上的+号也是03+的专属。

尾部加入了面积更大的黑色运动套件,与此同时配备的碳纤维尾翼并不仅仅是样子货,在一定的速度时,尾翼可以提供至少40kg的下压力。再配合上底部双边双出的排气,整体尾部运动感十足。

内饰方面,整体布局以及设计基本与普通版车型保持一致,主要是在用料方面有了比较大的提升,大量的翻毛皮搭配黄线线条,在质感方面有了很大的提升。

细节方面,全液晶仪表在UI设计上也进行了相对应的调整,增加了符合整车调性的“+”符号和色调,并且新增了四驱模式分配比例的实时视窗。座椅依旧是领克家族的一体式座椅,在包裹性方面有了进一步的提升,更加夸张的是就连安全带也更换成了黄色。

相比于普通版领克03,03+最大的改变就在于这套全新的动力总成,搭载了来自沃尔沃的2.0T高功率发动机,最大马力254Ps,最大扭矩350N·m。变速箱方面匹配的是爱信8AT变速箱,即便在如此强劲的动力下,03+全系还配备了博格华纳的第五代智能四驱系统。

本文来源于汽车之家车家号作者,不代表汽车之家的观点立场。