项目目标 项目结构 html导航条部分headerclassheaderulli首页lili品牌故事lili产品lili关于我们liulheaderbase。css 基础样式统一设置：｛margin：0；padding：0；boxsizing：borderbox；｝ul，ol，li｛liststyle：none；｝a｛textdecoration：none；｝清除浮动margin塌陷。clearfix：：before，。clearfix：：after｛content：；display：table；｝。clearfix：：after｛clear：both；｝index。css导航条部分。header｛width：100；height：87px；backgroundcolor：FDEDDC；zindex：999；overflow：hidden；position：fixed；｝。headertopbar｛width：80；height：75px；backgroundcolor：aquamarine；margin：auto；｝。header。headertopbar。headertopbarlogo｛width：104px；height：52px；backgroundcolor：blueviolet；margintop：18px；background：url（staticimageslogo1。png）norepeat；backgroundsize：cover；float：left；｝。header。headertopbarul｛width：80；height：60px；float：right；backgroundcolor：chocolate；marginright：40px；margintop：15px；｝。header。headertopbarulli｛width：20；float：left；lineheight：60px；fontsize：16px；position：relative；｝。header。headertopbarullia｛color：646464；position：relative；left：150px；｝。header。headertopbarullia：hover｛color：A30000；｝轮播图原理 当前轮播图设置4张图片，通过绝对定位显示在相同位置，但是会出现重叠覆盖的情况，因此，定时器轮流选择图片，被选中图片显示，其他图片隐藏。 点击白色圆点和左右箭头也可以选择图片，当鼠标悬停在轮播图上停止轮播，鼠标离开继续轮播。html轮播图部分imgsrca2020imgdataimg。jpgdatasrcimg03。bs178。comcckhbae17c97f9b7e567。jpgaltidbannerimglist01imgsrca2020imgdataimg。jpgdatasrcimg03。bs178。comcckh1351c3664397ad5d。jpgaltidbannerimglist02imgsrca2020imgdataimg。jpgdatasrcimg03。bs178。comcckh465b9726bc047eea。jpgaltidbannerimglist03imgsrca2020imgdataimg。jpgdatasrcimg03。bs178。comcckhadc8cc1212a97c97。jpgaltidbannerimglist04ulclassbannerdotlistlilililililililiulspanclassbannerprespanspanclassbannernextspanindex。css轮播图部分轮播图。banner｛width：100；position：relative；｝。bannerimglist｛width：100；position：relative；｝。bannerimglistimg｛width：100；height：100；width：20；position：absolute；｝轮播图底部圆点。bannerdotlist｛width：100px；height：15px；backgroundcolor：white；zindex：2；position：absolute；left：50；top：630px；marginleft：50px；｝。bannerdotlistli｛width：15px；height：15px；border：1pxsolidwhite；borderradius：50；float：left；marginleft：10px；cursor：pointer；｝pre和next按钮。bannerpre，。bannernext｛display：block；width：40px；height：40px；border：1pxsolidwhite；textalign：center；lineheight：35px；fontsize：30px；position：absolute；zindex：2；top：360px；margintop：25px；color：white；borderradius：50；｝。bannerpre｛left：40px；｝。bannernext｛right：40px；｝js轮播图部分functionchangebanner（currentselectidx）｛（。bannerimglistimg）。eq（currentselectidx）。fadeIn（500）。siblings（）。fadeOut（100）；（。bannerdotlistli）。eq（currentselectidx）。css（｛backgroundColor：white｝）。siblings（）。css（｛backgroundColor：｝）；｝letcurrentselectidx0；当前选择图片序号letbannertimernull；letallimgscnt（。bannerimglist）。children（）。length；console。log（allimgscnt）；letbannerimglist（。bannerimglist）；bannerimglist。offset（｛top：50｝）；changebanner（currentselectidx）；functionstartTimer（）｛bannertimersetInterval（function（）｛currentselectidx（currentselectidx1）allimgscnt；changebanner（currentselectidx）；｝，3600）；｝functionmain（）｛startTimer（）；（。bannerimglist）。mouseover（function（）｛clearInterval（bannertimer）；｝）；（。bannerimglist）。mouseleave（function（）｛startTimer（）；｝）；（。bannerpre）。click（function（）｛currentselectidx1；if（currentselectidx1）currentselectidxallimgscnt1；changebanner（currentselectidx）；｝）；（。bannernext）。click（function（）｛currentselectidx1；if（currentselectidxallimgscnt）currentselectidx0；changebanner（currentselectidx）；｝）；（。bannerdotlistli）。click（function（）｛letindex（this）。index（）；alert（index）；changebanner（index）；｝）；｝export｛main｝导航条视频讲解 视频加载中。。。
立秋之后，宁可不吃肉，别放过秋三鲜，3样炒一盘，清爽营养立秋之后，按照老传统，贴秋膘是秋季饮食的重要部分，经历过漫长炎热的盛夏，人们胃口不佳，喜食寒凉，相对其他季节或多或少会有些虚弱，是应该多吃一些大鱼大肉增加营养，但刚刚入秋，暑热……山东一93岁老人看完长津湖，对着屏幕潸然泪下我就是伍千里不久前，一部制作精良的抗美援朝题材电影上线了，这部电影用正确的历史态度，贴合现实的服装道具，为大家重现了抗美援朝战争中一次惨烈的战斗，这部电影就是《长津湖》。它讲述的是在抗美援……5款好评超多的手机，外行人却视而不见，2月换机优先选择如果你想在2月更换一款手机，我觉得下面5款手机可以有选择，它们都拥有超多的好评，但外行人却视而不见，我将为你详细介绍这5款手机，优点缺点全部列举出来，最终如何选择大家根据自己的……广东派出王牌球员，杜锋的第3外援有望到来，朱芳雨夺冠信心大增广东宏远队将要拿出压箱底的王牌球员，而且要引进广东队新一届的3外援阵容，本个赛季，杜锋稳夺CBA的12座总冠军，现在来看，底气依旧非常的十足。现在对于广东队来说，球队排名……老蒋公然劫持苏联货轮，扣押49名船员，他想挑起第三次世界大战蒋介石想挑起第三次世界大战？他在1954年劫持苏联万吨货轮，扣押49名苏联船员，一度将世界推向危险边缘。他为什么要做这种事？事实上，蒋介石之所以会有这个举动，不是为了挑起……对华贸易持续逆差，无法赚取巨额利益，韩媒担忧害怕被中国抛弃韩国自今年5月份以来，已经连续三个月出现对华贸易逆差情况，这也意味着韩国对华贸易近30年的顺差时代结束了。对此有韩媒发出担忧称害怕被中国市场抛弃。据环球网7月26日报道，……基耶利尼将在对阵阿根廷的比赛后告别国家队6月1日在伦敦，也就是在那个体育场赢得欧洲杯冠军将近一年后，乔治基耶利尼将与国家队告别。与阿根廷的比赛是欧洲杯冠军和美洲杯冠军之间的挑战，因此将成为尤文图斯队长蓝色职业生……冠军打野AD再次交锋！EDG能否复仇TES，上路成为关键北京时间2022年8月28日，英雄联盟LPL夏季赛败者组决赛即将迎来EDG与TES的对决。值得一提的是，双方上一次交手其实就在不久之前的季后赛中，当时EDG就被TES打入了败者……中国农妇捡到汉代金印，日本学界专家不可能！假的，什么情况一个江苏省的农村妇女在修路时，竟然捡到了一个大金疙瘩，更不可思议的是，它竟然是来自两千年汉代古墓中，广陵王的私人印玺，而这枚印玺的发现，还竟然引起了整个日本界的轰动，这个广陵王……功能全面亮点多多，好看更实用！360儿童手表W919体验给孩子选儿童手机，家长最关注的几点莫过于定位精确度、通话质量、续航能力等，孩子最关心的要有双摄功能、支付功能、娱乐功能等。之前用过不少儿童手表，或多或少总是没有达到家长与孩子的……央行缘何此时还要降准谁又将是最大受益者？媒体人周刊作者莫开伟系中国知名财经作家上周五，也是11月25日就在国务院常务会议指出加大金融对实体经济支持力度，适时适度运用降准等货币政策工具，保持流动性合理充裕之……黑龙江十大旅游IP萌动来袭，擦亮龙江旅游名片爽爽虎、淘学企鹅、嘟嘟和木木、呦呦和逗逗、北吉鹿、虎娃和雪妞、萌萌和油油、抚抚和远远、七彩家族、西烯家族，这些萌气十足的名字，正是近期被黑龙江省文化和旅游厅授予的黑龙江省十大文……