效果图
index.html
<!DOCTYPE html> <html lang="en"head> meta charset="UTF-8"title>index</link rel="stylesheet" href="css/style.css"="css/ux-micro-icon.css"> body<!-- 主导航+侧导航 --> div class="m-indextopwrap f-pr"="m-indextopnav"> ="g-flow"> ="topnav f-pr f-cb"> 左导航 头部 --> ="u-indexnavcatebtn"> a href="#" class="cbtn f-cb"> ="ic f-fl"></divspan ="qb f-fl f-f0">全部精品课spana="u-indexnavcatedialog f-pa" id="j-nav-indexcatedialog" 左导航 一级导航 --> ="f-fl cateleft f-pa"="catebg f-pa"="items f-pa"> ="item"> ="curbg"="inn"> p> ="f-f0 first">办公效率="second">PPT>Excel>Word>职业发展>个人成长>演讲口才>编程开发>人工智能>Python>产品和设计>软件>产品运营>新媒体>产品策划>生活方式>摄影>书法>理财>升学辅导>考研>STEAM>小学="item last">语言学习>英语>日语>新概念>实用口语>韩语> 左导航 二级导航 ="cateright f-pa f-cb"="close f-pa j-close" onclick="$('.rwrap').hide();" 左侧导航 二级导航 --> ="f-pr rwrap f-cb cur" 左侧二级导航内容区 --> ="rwrap-left f-cb"="top-rec-box f-cb"="top-rec f-fl"="#">办公效率·精选好课>跟刘万祥学Excel商务图表="f-f0 first cat2 tit f-fl">办公软件="links"="seperate">|p ="cate3links"="f-f0 rec"="slash"="f-f0 ">Project>Keynote>Outlook>更多软件>工作效率>时间管理>思维导图>电脑基础基础操作" href>基础操作常用工具" href>常用工具 右侧二级导航广告区 ="rwrap-right f-cb"="f-f0 tit">系列课程="f-cb f-fc6 f-f0">从Excel到Power BI数据分析可视化>Excel+PPT+Word小白变大神>英语口语指南——为暑期出境旅游定制>向《经济学人》学图表>向商业期刊学图表>如何成为真正的PPT高手="f-fc6 f-f0">更多>>="picwrap"img src="images/4ff708d8-9b24-43ea-a423-2496ee0cc901.png"="f-pa pic"="f-pr rwrap f-cb">职业发展·精选好课>2018年提升路线图>求职应聘>职业规划>求职简历>面试技巧>个人提升>知识管理>习惯养成>演讲与口才>个人品牌>思维方式>职场能力>职场经验>人脉管理>礼仪形象>人际沟通>团队协作>专业岗位>医学科研>文献写作>商务谈判>职业培训>特色职业>管理能力>领导力>人力资源>财务管理>项目管理>职业考试>财会金融管理类>公务员>工程医学类>电子商务师>新媒体运营师>更多考试>市场营销>市场销售>电子商务>品牌推广>网络营销>商业创业>经济学>向500强精英学习职场经验>跟秋叶一起轻松学会职场技能>高效成长:芝士魔方课程合集>跟职场教练柏永辉学人生进阶术>快速提升批判性思维系列课>改变职场命运的9门必修课="images/cde905b0-d7ff-4edb-b1fb-352ff9c1f598.jpg">人工智能行家带你学>Python实战好课>编程语言>PHP>C语言>Java>C++>C#>Swift>R>Git>人工智能与数据>数据科学>大数据>数据库>区块链>前端开发>开发语言>开发框架>开发实践>后端开发 >Java Web>PHP Web>Ruby>Node.js>.NET>J2EE>游戏开发>移动开发>iOS>Android>Windows Phone>微信开发>手游开发>系统/硬件>云服务>信息安全>物联网>运维管理>硬件开发>Python数据分析与挖掘实战>Python人工智能实战>Web前端,JavaScript入门到全栈>用WordPress做网站系列课程>Java学习指南系列="images/b39a41a9-5fa6-4507-bd71-85565b16f86b.png">设计软件一课通关>轻松学做产品经理>产品策划与运营>产品经理>新媒体运营>平面设计>广告海报>字体设计>电商视觉设计>用户体验>UI设计>交互设计>用户研究>设计软件>Photoshop>Illustrator>After Effects>Axure>Sketch>CoreIDRAW>3DMAX>AutoCAD>其他软件>游戏美术>角色>场景>模型设计>特效设计>动画设计>游戏UI>动漫设计>插画漫画>工业设计>微互动:精品运营专题>微信运营营销全攻略(2017全面升级)>互联网运营推广精讲版>设计必学2大利器>设计必学--全套四部超级合辑>商业设计师成长计划="images/51726a13-4263-4f08-814a-4b0594c88029S.jpg">韩松摄影>生活方式·精选好课>摄影影视>摄影基础>摄影后期>影视基础>影视后期>手机摄影>PR剪辑>AE特效>微课视频制作>音乐乐器>乐理基础>声乐唱歌>编曲创作>吉他与Ukulele>钢琴与电子琴>更多乐器>投资理财>理财基础>基金>股票债券>保险>外汇>房产>P2P>运动健康>体育运动>健身>舞蹈>瑜伽>武术>两性>医疗养生>心理学>恋爱>情绪管理>思维训练>居家生活>美食烹饪>家居装饰>时尚美妆>生活妙招>风水运势>宠物绿植>个人修养>绘画>手工DIY>游戏棋牌>方言与普通话>科普>人文>亲子育儿>家庭教育>孕期分娩>宝宝喂养>生长发育>护理保健>疾病重症>影视制作基础班:一起搞“视”!>做一个讲究的“吃货”>【严选】云课堂理财精品课>40万人在学的吉他课>跟曾兰老师一起学摄影>每天5分钟,刷一集摄影「泡面番」="images/b59d158b-daa8-4d27-a4d0-8ae1afaa3dde.png"="f-pr rwrap f-cb last">数学思维提升课>亲子教育·精选好课>综合素质>英语启蒙>国学教育>STEAM教育>自然科学>语文>数学>奥数>其他>初中>物理>化学>高中>高考>留学>本科·自考>大学本科>自考>专升本>19考研>政治>专业课>规划指导>考研综合>学术>2020考研新手必修课>3-6岁孩子综合素质培养>如何给孩子进行性教育>考研政治基础班>考研政治强化提高班>年轻新手宝妈必学的育儿技能="images/88840543-76b4-4bb2-99ef-695825502032.jpg">跟着杜松老师说文解词>实用英语>口语>英语单词>四六级>商务英语>出国留学>托福>雅思>日语能力考试>五十音图>标准日本语>新编日语>大家的日语>其他小语种>西班牙语>带着外语的力量 行走世界>跟外教学地道英语口语>无痛英语>学完这些,看韩剧不用字幕="images/97256bf9-a1d6-4bd2-94aa-80e531cfe7f5.png"> > 水平主导航 ="mainnav f-cb j-navFind"="nitem f-f0" target="_self">微专业="f-cb nitem f-f0 x-hoverItem" 主导航 二级导航 >课程体系="f-pa u-navdropmenu x-child"="arrr f-pa"="f-f0 dropitem ">IBM认知计算>大学计算机专业>互联网职业技能="f-f0 dropitem last">职场提升课程体系="nitem f-f0 f-dn">企业版="nitem f-f0 x-hoverItem down-wrap"="downApp">下载APP="u-navapptip f-pa x-child"="images/nav_qrcode.png"="ewm f-fl" alt="下载APP" title="下载APP"="rcon f-fr"h4 ="txt">扫码下载官方Apph4="_self"="store apple"="store android">企业培训 搜索区域 ="search off f-cb"="box f-cb"input type="text" maxlength="30" placeholder="搜索课程"="submit f-hide f-pa" 轮播图 id="m-slide-container"="m-slide f-pr"="f-pr m-slide-wrap"="j-slidewrap"="slide"="j-slide"ulli><=""="images/22f32255-a49c-4db1-a93b-8f3a508b0ed6.jpg"="images/8A52811B4B0D8869DD974FE5075EA597.jpg"="images/8e164ab4-4f74-4445-aca6-321b67dcf7f5.jpg"="images/a336d02e-7a42-47b0-8631-9034c9471c71.jpg"="images/bc4f08ee-aa9c-4d49-a14a-5cbf3d59f80f.jpg"="images/e4954183-4f72-45f4-ac45-e6ebb2dfc275.jpg"="images/01C52854E262EAD6FD4AC98B74B45B96.jpg"="lbtn prev"="rbtn next"="u-slidepg"ul ="f-cb f-pr f-ib pbox"li ="on">1>2>3>4>5>6>7 右侧悬浮广告 ="sideNav f-pa"="yktqr f-pa" style="display:none;"="sidelink"="livecard f-pr"="images/000C36B6E1BE3E4D6ADC284F104D7DB1.jpg"="直播卡片图"="sideimg"="cnt f-f0 j-cnt"="title"> 十大影响因素,教你轻松提升手淘搜索排名 ="time" 时间:7.28 20:00 ~ 22:00 ="teacher" 讲师:齐论高级讲师 无铭 ="lbevel f-pa"="rbevel f-pa" 轮播小广告 ="m-micro"="j-micro"="g-flow f-pr"="f-cb m-micro-wrap"="cntwrap"="j-cntwrap"="cntlist"="j-cntlist"="item f-fl"="imgbox f-icon ux-micro-icon-1001360001 f-fl"="tit f-f0 f-thide" 初级前端开发工程师 ="tip f-f0 f-thide" 网易一线前端工程师亲授 ="imgbox f-icon ux-micro-icon-1001359001 f-fl" Python数据分析师 带你一起用数据认识世界 ="imgbox f-icon ux-micro-icon-1001359003 f-fl" 产品经理 系统学习产品方法论 ="imgbox f-icon ux-micro-icon-1001429007 f-fl" 区块链开发工程师 带你成为链接未来的人才 ="imgbox f-icon ux-micro-icon-1001358003 f-fl" 人工智能数学基础 精准掌握人工智能核心数学 ="imgbox f-icon ux-micro-icon-1001360002 f-fl" 初级UI设计师 网易设计专家经典出品 ="imgbox f-icon ux-micro-icon-1001127001 f-fl" 产品运营 运营大咖强强联合 ="imgbox f-icon ux-micro-icon-1001358002 f-fl" 机器学习工程师 一线机器学习专家联合打造 ="imgbox f-icon ux-micro-icon-1001180001 f-fl" python应用基础 名校名师的python实践课 ="imgbox f-icon ux-micro-icon-1001352005 f-fl" 互联网项目管理 网易一线成功产品项目经验 ="imgbox f-icon f-fl" 高级UI设计师 最详尽深入的产品设计指导 ="imgbox f-icon ux-micro-icon-1001420002 f-fl" 大数据开发工程师 网易专家带你玩转Hadoop ="imgbox f-icon ux-micro-icon-1001106002 f-fl" 交互设计师 网易&浙大最强交互设计导师 ="imgbox f-icon ux-micro-icon-1001386007 f-fl" Web安全(进阶) 网络安全高手蜕变之旅 ="imgbox f-icon ux-micro-icon-1001405003 f-fl" 自由摄影师 摄影爱好者向专业进阶 ="imgbox f-icon ux-micro-icon-1001359002 f-fl" 高级前端开发工程师 网易前端开发专家亲授 ="imgbox f-icon ux-micro-icon-1001268002 f-fl" 全栈新媒体运营 成为行业抢手的新媒体人 ="imgbox f-icon ux-micro-icon-28001 f-fl" 自由摄影师 Plus 培养一个能赚钱的爱好 Python Web开发工程师 快速上手的全栈训练营 ="imgbox f-icon ux-micro-icon-1001122002 f-fl" 测试工程师 打造最专业的测试人 ="imgbox f-icon ux-micro-icon-85002 f-fl" Java 开发工程师 浙大Java男神翁恺执教 ="imgbox f-icon ux-micro-icon-1001227001 f-fl" Web安全工程师 “白帽子黑客”训练营 ="imgbox f-icon ux-micro-icon-85001 f-fl" 独立音乐制作人 最易懂的音乐制作课程 ="imgbox f-icon ux-micro-icon-1001197001 f-fl" 用户研究员 浙大导师带你“读心” ="imgbox f-icon ux-micro-icon-20001 f-fl" MySQL数据库工程师 网易一线DBA团队打造 ="imgbox f-icon ux-micro-icon-1001426003 f-fl" 大数据开发工程师(Spark) 手把手带练Spark大数据 ="larr f-pa prev"="rarr f-pa next"script ='https://libs.baidu.com/jquery/1.7.1/jquery.min.js'script="js/jquery.SuperSlide.2.1.1.js"="js/script.js"html>
style.css
body,fieldset,html,iframe,img { border:0 } table { border-collapse:collapse; border-spacing: li { list-style:none } caption,th { font-weight:400; font-style:normal; text-align:left } em {normal } strong {700 } body,input,select,textarea { font-family:Arial,hiragino sans gb,\5fae\8f6f\96c5\9ed1,Helvetica,sans-serif; font-size:14px; color:#444; outline:0; textarea { resize: input { vertical-align:middle; margin: body { background-color:#fff } h1,h2,h3,h4,h5,h6 {400 } a,button { cursor:pointer } a { text-decoration:none;#333 } a:hover {#10ae58 } width:100%; height:100% } html { overflow:auto }left; background:#eee } * { -webkit-box-sizing:border-box; -moz-box-sizing: box-sizing:border-box } html,body,div,dl,dt,dd,ol,ul,li,h1,h6,p,blockquote,pre,button,form,legend,textarea,th,td { padding: button,optgroup,1)"> font:inherit; .clearfix::after { clear:both; content:"."; display:block; visibility:hidden } .f-f0 { .f-f1 { .f-fl { float: .f-fr {right } .f-pa { position:absolute } .p-15 {15px } .f-cb:after,.f-cbli li:after {hidden;"." } .f-cb,.f-cbli li { zoom:1 } .f-thide { text-overflow:ellipsis; white-space:nowrap; -ms-text-overflow:ellipsis } .f-hide { text-indent:-9999px; .f-ib {inline-block; .f-dn { .f-db {block } .f-pr {relative } .f-pf {fixed } .f-af {absolute; top: right: bottom: left: .g-flow {960px;0 auto; @media screen and (min-width:1210px) { .g-flow { width:1205px } overflow-x: }.globalnavsprite,.m-indextopnav .topheader .login .u-mystudy .u-learn-record .arr,.u-indexnavcatebtn .cbtn .ic,.u-indexnavcatedialog .cateright .close,.u-navapptip .arrr,.u-navapptip .rcon .store,.u-navdropmenu .arrr,.u-navusermenu .arrr {url(../images/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat } .globalnavsprite,.m-yktNav .userinfo .u-mystudy .u-learn-record .arr,.u-navcatebtn .cbtn,.u-navcatedialog .arrr,.u-navcatedialog .cateright .close,1)"> .x-hide,.x-hoverItem .x-child { -webkit-transition-property:opacity,-webkit-transform; -moz-transition-property: -ms-transition-property: -o-transition-property: transition-property: -webkit-transition-duration:.15s; -moz-transition-duration: -ms-transition-duration: -o-transition-duration: transition-duration: -webkit-transition-timing-function:ease-out; -moz-transition-timing-function: -ms-transition-timing-function: -o-transition-timing-function: transition-timing-function: -webkit-transform:scale(.9); opacity: pointer-events:none\9; .x-hoverItem:hover .x-child {1;scale(1);all;block\9;visible } .m-micro .m-micro-wrap .cntwrap .larr,.m-micro .m-micro-wrap .cntwrap .rarr {url(../images/indexsprite.png) no-repeat 9999px 9999px } .m-micro { z-index:9;relative; margin-bottom:30px } .m-micro .m-micro-wrap {1px solid #ddd; border-top:15px 0; .m-micro .m-micro-wrap .item { border-left:244px;50px;0 10px } .m-micro .m-micro-wrap .item .imgbox {center;8px 0 5px;32px;#2187e0;46px; margin-left:15px; margin-right:-82px } .m-micro .m-micro-wrap .item .tit {#333;170px;16px;65px; margin-top:5px; line-height:24px;24px } .m-micro .m-micro-wrap .item .tit:hover {#39a030; .m-micro .m-micro-wrap .item .tip {#999;12px;65px } .m-micro .m-micro-wrap .item:first-child { .m-micro .m-micro-wrap .item0 {235px } .m-micro .m-micro-wrap .item0 a { padding-top:4px } .m-micro .m-micro-wrap .item0 .intro {#2187e0 } .m-micro .m-micro-wrap .cntwrap {1202px; .m-micro .m-micro-wrap .cntwrap .cntlist {9999px;50px } .m-micro .m-micro-wrap .cntwrap .larr {1px; background-position:0 -74px } .m-micro .m-micro-wrap .cntwrap .larrhover {-53px -74px } .m-micro .m-micro-wrap .cntwrap .rarr {-28px -74px } .m-micro .m-micro-wrap .cntwrap .rarrhover {-78px -74px } .m-micro .m-micro-wrap .cntwrap:hover .larr,.m-micro .m-micro-wrap .cntwrap:hover .rarr { .m-yktNav .g-flow { .m-yktNav .m-nav {inline;60px } .m-yktNav .m-nav .nitem {pointer;#eee;60px;0 17px } .m-yktNav .m-nav .nitem.down-wrap { .m-yktNav .m-nav .nitem.down-wrap .downApp {0 15px; .m-yktNav .m-nav .nitem.selected {#fff;#242630 } .m-yktNav .m-nav .nitem.cur {#484c57 } .m-yktNav .m-nav .nitem:hover { .m-yktNav .m-nav .toggledrop { .m-yktNav .m-nav .nitem.active .toggledrop,.m-yktNav .m-nav .nitem:hover .toggledrop { .m-indextopnav {10; .m-indextopnav .topnav {51px; border-bottom: .m-indextopnav .topnav .mainnav { padding-left:249px } .m-indextopnav .topnav .mainnav .nitem {0 12px } .m-indextopnav .topnav .mainnav .nitem.down-wrap { .m-indextopnav .topnav .mainnav .nitem.down-wrap .downApp { .m-indextopnav .topnav .mainnav .nitem.selected,.m-indextopnav .topnav .mainnav .nitem:hover {#31a030 } .m-indextopnav .topnav .search {7px 6px 0 0;right;34px;1px solid #49af4f;330px; -moz-transition:width .2s ease-out 0s; -o-transition: -webkit-transition: transition:width .2s ease-out 0s } .m-indextopnav .topnav .search.off {216px; .m-indextopnav .topnav .search.off .delete-local { .m-indextopnav .topnav .search .search-type { .m-indextopnav .topnav .search .search-type .select-list {40px;0 9px;49px;-1px } .m-indextopnav .topnav .search .search-type .select-list:hover {#49af4f } .m-indextopnav .topnav .search .box { .m-indextopnav .topnav .search .box input {#666;5px } .m-indextopnav .topnav .search .box label {36px;#aaa;text;34px } .m-indextopnav .topnav .search .submit { background-image:url(../images/34BB5668E77F7D10A8581CBFAB5EA5CF.png) } .m-indextopnav .topnav .search .submit:hover {url(../images/9FFE3911A7E9E7C8DA028C542D7287DA.png) } .u-indexnavcatebtn {-1px;224px;52px;#31a030; .u-indexnavcatebtn .cbtn { .u-indexnavcatebtn .cbtn .ic {19px 10px 0 20px;0 0 } .u-indexnavcatebtn .cbtn .qb {54px;17px } .u-indexnavcatedialog {224px } .u-indexnavcatedialog a:hover {underline } .u-indexnavcatedialog .fadeInOut { animation-name:fadeInOut; animation-duration:.2s; animation-timing-function:ease-in-out } .u-indexnavcatedialog .cateleft {2;340px } .u-indexnavcatedialog .cateleft .catebg {#000;.7; filter:alpha(opacity=60) } .u-indexnavcatedialog .cateleft .items {340px; .u-indexnavcatedialog .cateleft .item {48px;0 10px 0 13px; .u-indexnavcatedialog .cateleft .item .inn {0 0 0 5px;1px solid rgba(255,.2) } .u-indexnavcatedialog .cateleft .item .inn p {53px } .u-indexnavcatedialog .cateleft .item .inn .first { .u-indexnavcatedialog .cateleft .item .inn .second {#fff\9;rgba(255,.8);11px; .u-indexnavcatedialog .cateleft .item .curbg {225px; .u-indexnavcatedialog .cateleft .item.on .inn { .u-indexnavcatedialog .cateleft .item.on .inn .first { .u-indexnavcatedialog .cateleft .item.on .inn .second {#666 } .u-indexnavcatedialog .cateleft .item.on .curbg { .u-indexnavcatedialog .cateleft .item.last .item { .u-indexnavcatedialog .cateleft .item.last .inn { .u-indexnavcatedialog .cateleft .item.last.on .curbg { .u-indexnavcatedialog .cateright {223px;981px;1px solid #ddd } .u-indexnavcatedialog .cateright.cur { .u-indexnavcatedialog .cateright .close {20px;-155px 0;10 } .u-indexnavcatedialog .cateright .rwrap {419px; .u-indexnavcatedialog .cateright .rwrap .rwrap-left {630px;0 85px 14px 0;42px } .u-indexnavcatedialog .cateright .rwrap .rwrap-left .cat2 {25px; padding-right: .u-indexnavcatedialog .cateright .rwrap .rwrap-left .cat2:hover { .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links { .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a {inline-block } .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a:hover {underline; .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links .seperate {0 10px 0 0;#ccc; .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a.rec {#33a126;nowrap } .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a.rec:hover {#33a126 } .u-indexnavcatedialog .cateright .rwrap .rwrap-left .links .cate3links {10px;25px } .u-indexnavcatedialog .cateright .rwrap .rwrap-left .top-rec {20px 20px 8px 0;6px 16px 5px 11px;1px solid #ff8a00; border-radius:2px;#ff8a00 } .u-indexnavcatedialog .cateright .rwrap .rwrap-left .top-rec:hover {#ff8a00; .u-indexnavcatedialog .cateright .rwrap .rwrap-right { .u-indexnavcatedialog .cateright .rwrap .rwrap-right .tit {19px } .u-indexnavcatedialog .cateright .rwrap .rwrap-right .links {26px } .u-indexnavcatedialog .cateright .rwrap.on { .u-indexnavcatedialog .cateright .rwrap .tit { .u-indexnavcatedialog .cateright .rwrap .mooctxt { padding-bottom:38px } .u-indexnavcatedialog .cateright .rwrap .links { .u-indexnavcatedialog .cateright .rwrap .links .slash {0 10px;#ccc } .u-indexnavcatedialog .cateright .picwrap { .u-indexnavcatedialog .cateright .pic {200px;140px } .u-navapptip {-125px;140px;310px;content-box } .u-navapptip .arrr {-9px;50%;-7px;9px;-187px 0 } .u-navapptip .ewm {20px } .u-navapptip .rcon {150px } .u-navapptip .rcon .txt {28px;17px; .u-navapptip .rcon .store {150px;44px;10px } .u-navapptip .rcon .store.apple {0 -28px } .u-navapptip .rcon .store.android {0 -76px } .u-navdropmenu {-25px;160px; .u-navdropmenu .arrr { .u-navdropmenu .dropitem {45px; .u-navdropmenu .dropitem span { .u-navdropmenu .dropitem:hover {#f8f8f8; .u-navdropmenu .dropitem.last span { .u-navusermenu {-3px;44px } .u-navusermenu .arrr {-8px; .u-navusermenu ul.menu {8px; .u-navusermenu ul.menu .text {1px solid #eaeaea; .u-navusermenu ul.menu li a {2px 10px; .u-navusermenu ul.menu li a:hover {#f3f4f6 } .u-navusermenu ul.menu li a.exit {1px solid #e9e9e9 } .u-navcatedialog.x-hide,.x-hoverItem .u-navcatedialog.x-child {50ms;50ms } .u-navcatedialog {-189px;1203px;420px } .u-navcatedialog a:hover { .u-navcatedialog.cur { .u-navcatedialog .arrr {-187px 0; .u-navcatedialog .cateleft {420px; .u-navcatedialog .cateleft .catebg { .u-navcatedialog .cateleft .items { .u-navcatedialog .cateleft .item { .u-navcatedialog .cateleft .item .inn { .u-navcatedialog .cateleft .item .inn p { .u-navcatedialog .cateleft .item .inn .first { .u-navcatedialog .cateleft .item .inn .second { .u-navcatedialog .cateleft .item .curbg {1px solid #39a030; .u-navcatedialog .cateleft .item.cur .inn { .u-navcatedialog .cateleft .item.cur .inn .first { .u-navcatedialog .cateleft .item.cur .inn .second { .u-navcatedialog .cateleft .item.cur .curbg { .u-navcatedialog .cateleft .item.last .inn { .u-navcatedialog .cateright { .u-navcatedialog .cateright.cur { .u-navcatedialog .cateright .close { .u-navcatedialog .cateright .rwrap { .u-navcatedialog .cateright .rwrap .rwrap-left { .u-navcatedialog .cateright .rwrap .rwrap-left .cat2 { .u-navcatedialog .cateright .rwrap .rwrap-left .cat2:hover { .u-navcatedialog .cateright .rwrap .rwrap-left .links { .u-navcatedialog .cateright .rwrap .rwrap-left .links a { .u-navcatedialog .cateright .rwrap .rwrap-left .links a:hover { .u-navcatedialog .cateright .rwrap .rwrap-left .links .seperate { .u-navcatedialog .cateright .rwrap .rwrap-left .links a.rec { .u-navcatedialog .cateright .rwrap .rwrap-left .links a.rec:hover { .u-navcatedialog .cateright .rwrap .rwrap-left .links .cate3links { .u-navcatedialog .cateright .rwrap .rwrap-left .top-rec {4px 16px 3px 11px; .u-navcatedialog .cateright .rwrap .rwrap-left .top-rec:hover { .u-navcatedialog .cateright .rwrap .rwrap-right { .u-navcatedialog .cateright .rwrap .rwrap-right .tit { .u-navcatedialog .cateright .rwrap .rwrap-right .links { .u-navcatedialog .cateright .rwrap.cur { .u-navcatedialog .cateright .rwrap .tit { .u-navcatedialog .cateright .rwrap .mooctxt { .u-navcatedialog .cateright .rwrap .links { .u-navcatedialog .cateright .rwrap .links .slash { .u-navcatedialog .cateright .picwrap { .u-navcatedialog .cateright .pic { .hidddenClass { #m-slide-container { min-height: .m-slide {#ddd;293px; max-width:1920px } .m-slide .m-slide-wrap {341px } .m-slide .lbtn,.m-slide .rbtn {70px;-35px;url(../images/indexSlideArrow.png) no-repeat 0 0;100 } .m-slide .lbtn {31%; .m-slide .lbtn:hover {0 -95px } .m-slide .rbtn {-66px 0 } .m-slide .rbtn:hover {-66px -95px } .m-slide .slide { .m-slide .slide ul { }.m-slide .slide ul li {center } .m-slide .slide ul li:first-child {#e399a5 } .m-slide .slide ul li:nth-child(2) {#ee9749 } .m-slide .slide ul li:nth-child(3) {#f2e682 } .m-slide .slide ul li:nth-child(4) {#a2f282 } .m-slide .slide ul li:nth-child(5) {#82f2af } .m-slide .slide ul li:nth-child(6) {#82bcf2 } .m-slide .slide ul li:nth-child(7) {#9f82f2 } .m-slide .slide img {980px } .m-slide .u-slidepg {31px } .m-slide .u-slidepg ul {bottom;16px } .m-slide .u-slidepg ul li { .m-slide .u-slidepg ul li:after { -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);'.';-99px;8px } .m-slide .u-slidepg ul li.on { .m-slide .u-slidepg ul li.on:after {all .6s ease 0s; .m-slide .lbevel,.m-slide .rbevel { .m-slide .lbevel {480px; .m-slide .rbevel {-414px 0 } .m-slide .sideNav {280px;18.6%;30px; .m-slide .sideNav .sidelink { .m-slide .sideNav .yktqr {2 } .m-slide .sideNav .yktqr img { .m-slide .sideNav .sideimg {160px } .m-slide .sideNav .liveflag {68px;#49af4f;0 12px 12px 0;6px } .m-slide .sideNav .redlive {#ff1d00 } .m-slide .sideNav .cnt {10px 20px 16px;94px } .m-slide .sideNav .cnt .teacher {18px; word-break:break-all } .m-slide .sideNav .cnt p {18px } .m-slide .sideNav .cnt .title {26px; max-height: .m-slide .sideNav .cnt .title:hover { .m-slide .lbevel { margin-right:602.5px } }.u-slidepg { .u-slidepg ul {6px; .u-slidepg ul li {rgba(0,.3);100px; .u-slidepg ul li.js-selected {default;#00a650 } @media screen and (max-width:1710px) { .m-slide .lbtn { left:28% }28.5% }15% } }@media screen and (max-width:1410px) {23.5% }24.5% }7.5% } }@media screen and (max-width:1210px) {19% }19.5% }.5% } }
ux-micro-icon.css
@font-face { font-family:ux-micro-icon; src:url(../font/ux-micro-icon.eot);url(../font/ux-micro-icon.eot) format('embedded-opentype'),url(../font/ux-micro-icon.ttf) format('truetype'),url(../font/ux-micro-icon.woff) format('woff'),url(../font/ux-micro-icon.svg) format('svg'); font-weight: font-style: [class^=ux-micro-icon-],[class*=" ux-micro-icon-"] {ux-micro-icon!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-variant: text-decoration: text-transform: line-height: .ux-micro-icon-1001106002:before { content:"\EA01" } .ux-micro-icon-1001122002:before {"\EA02" } .ux-micro-icon-1001127001:before {"\EA03" } .ux-micro-icon-1001137001:before {"\EA04" } .ux-micro-icon-1001168001:before {"\EA05" } .ux-micro-icon-1001176001:before {"\EA06" } .ux-micro-icon-1001177002:before {"\EA07" } .ux-micro-icon-1001180001:before {"\EA08" } .ux-micro-icon-1001195002:before {"\EA09" } .ux-micro-icon-1001197001:before {"\EA0A" } .ux-micro-icon-1001201003:before {"\EA0B" } .ux-micro-icon-1001227001:before {"\EA0C" } .ux-micro-icon-1001268002:before {"\EA0D" } .ux-micro-icon-1001280001:before {"\EA0E" } .ux-micro-icon-1001316008:before {"\EA0F" } .ux-micro-icon-1001352005:before {"\EA10" } .ux-micro-icon-1001358002:before {"\EA11" } .ux-micro-icon-1001358003:before {"\EA12" } .ux-micro-icon-1001359001:before {"\EA13" } .ux-micro-icon-1001359002:before {"\EA14" } .ux-micro-icon-1001359003:before {"\EA15" } .ux-micro-icon-1001360001:before {"\EA16" } .ux-micro-icon-1001360002:before {"\EA17" } .ux-micro-icon-1001385001:before {"\EA18" } .ux-micro-icon-1001386001:before {"\EA19" } .ux-micro-icon-1001386007:before {"\EA1A" } .ux-micro-icon-1001405003:before {"\EA1B" } .ux-micro-icon-1001415001:before {"\EA1C" } .ux-micro-icon-1001420002:before {"\EA1D" } .ux-micro-icon-1001423006:before {"\EA1E" } .ux-micro-icon-1001426003:before {"\EA1F" } .ux-micro-icon-1001429007:before {"\EA20" } .ux-micro-icon-20001:before {"\EA21" } .ux-micro-icon-28001:before {"\EA22" } .ux-micro-icon-85001:before {"\EA23" } .ux-micro-icon-85002:before {"\EA24" } .ux-micro-icon-AIKE:before {"\EA25" } .ux-micro-icon-Android:before {"\EA26" } .ux-micro-icon-CDA:before {"\EA27" } .ux-micro-icon-HR:before {"\EA28" } .ux-micro-icon-Unityyouxikaifagongchengshi:before {"\EA29" } .ux-micro-icon-VR:before {"\EA2A" } .ux-micro-icon-VRyouxikaifagongchengshi:before {"\EA2B" } .ux-micro-icon-caifu:before {"\EA2C" } .ux-micro-icon-cfc:before {"\EA2D" } .ux-micro-icon-chuangye:before {"\EA2E" } .ux-micro-icon-deep-learning:before {"\EA2F" } .ux-micro-icon-estate-data:before {"\EA30" } .ux-micro-icon-newManager:before {"\EA31" } .ux-micro-icon-shouyouUIshejishi:before {"\EA32" } .ux-micro-icon-shouyouchangjingshejishi:before {"\EA33" } .ux-micro-icon-shujufenxishi(zhongji):before {"\EA34" } .ux-micro-icon-uniE61B:before {"\EA35" } .ux-micro-icon-uniE61D:before {"\EA36" } .ux-micro-icon-uniE61E:before {"\EA37" } .ux-micro-icon-uniE634:before {"\EA38" } .ux-micro-icon-uniE915:before {"\EA39" } .ux-micro-icon-wechatsenior:before {"\EA3A" } .ux-micro-icon-yuanhuashejishi:before {"\EA3B" } .ux-micro-icon-1001106002-after:after { .ux-micro-icon-1001122002-after:after { .ux-micro-icon-1001127001-after:after { .ux-micro-icon-1001137001-after:after { .ux-micro-icon-1001168001-after:after { .ux-micro-icon-1001176001-after:after { .ux-micro-icon-1001177002-after:after { .ux-micro-icon-1001180001-after:after { .ux-micro-icon-1001195002-after:after { .ux-micro-icon-1001197001-after:after { .ux-micro-icon-1001201003-after:after { .ux-micro-icon-1001227001-after:after { .ux-micro-icon-1001268002-after:after { .ux-micro-icon-1001280001-after:after { .ux-micro-icon-1001316008-after:after { .ux-micro-icon-1001352005-after:after { .ux-micro-icon-1001358002-after:after { .ux-micro-icon-1001358003-after:after { .ux-micro-icon-1001359001-after:after { .ux-micro-icon-1001359002-after:after { .ux-micro-icon-1001359003-after:after { .ux-micro-icon-1001360001-after:after { .ux-micro-icon-1001360002-after:after { .ux-micro-icon-1001385001-after:after { .ux-micro-icon-1001386001-after:after { .ux-micro-icon-1001386007-after:after { .ux-micro-icon-1001405003-after:after { .ux-micro-icon-1001415001-after:after { .ux-micro-icon-1001420002-after:after { .ux-micro-icon-1001423006-after:after { .ux-micro-icon-1001426003-after:after { .ux-micro-icon-1001429007-after:after { .ux-micro-icon-20001-after:after { .ux-micro-icon-28001-after:after { .ux-micro-icon-85001-after:after { .ux-micro-icon-85002-after:after { .ux-micro-icon-AIKE-after:after { .ux-micro-icon-Android-after:after { .ux-micro-icon-CDA-after:after { .ux-micro-icon-HR-after:after { .ux-micro-icon-Unityyouxikaifagongchengshi-after:after { .ux-micro-icon-VR-after:after { .ux-micro-icon-VRyouxikaifagongchengshi-after:after { .ux-micro-icon-caifu-after:after { .ux-micro-icon-cfc-after:after { .ux-micro-icon-chuangye-after:after { .ux-micro-icon-deep-learning-after:after { .ux-micro-icon-estate-data-after:after { .ux-micro-icon-newManager-after:after { .ux-micro-icon-shouyouUIshejishi-after:after { .ux-micro-icon-shouyouchangjingshejishi-after:after { .ux-micro-icon-shujufenxishi(zhongji)-after:after { .ux-micro-icon-uniE61B-after:after { .ux-micro-icon-uniE61D-after:after { .ux-micro-icon-uniE61E-after:after { .ux-micro-icon-uniE634-after:after { .ux-micro-icon-uniE915-after:after { .ux-micro-icon-wechatsenior-after:after { .ux-micro-icon-yuanhuashejishi-after:after {"\EA3B" }
jquery.SuperSlide.2.1.1.js
!function(a){a.fn.slide=function(b){return a.fn.slide.defaults={type:"slide",effect:"fade",autoPlay:!1,delayTime:500,interTime:2500,triggerTime:150,defaultIndex:0,titCell:".hd li",mainCell:".bd",targetCell:null,trigger:"mouseover",scroll:1,vis:1,titOnClassName:"on",autoPage:!1,prevCell:".prev",nextCell:".next",pageStateCell:".pageState",opp:!1,pnLoop:!0,easing:"swing",startFun:this.each(function(){var c=a.extend({},a.fn.slide.defaults,b),d=a(this),e=c.effect,f=a(c.prevCell,d),g=a(c.nextCell,h=a(c.pageStateCell,i=a(c.playStateCell,j=a(c.titCell,k=j.size(),l=a(c.mainCell,m=l.children().size(),n=c.switchLoad,o=a(c.targetCell,p=parseInt(c.defaultIndex),q=parseInt(c.delayTime),r=parseInt(c.interTime);parseInt(c.triggerTime);var Q,t=parseInt(c.scroll),u=parseInt(c.vis),v="false"==c.autoPlay||0==c.autoPlay?!1:!0,w="false"==c.opp||0==c.opp?!1:!0,x="false"==c.autoPage||0==c.autoPage?!1:!0,y="false"==c.pnLoop||0==c.pnLoop?!1:!0,z="false"==c.mouseOverStop||0==c.mouseOverStop?!1:!0,A="false"==c.defaultPlay||0==c.defaultPlay?!1:!0,B="false"==c.returnDefault||0==c.returnDefault?!1:!0,C=0,D=0,E=0,F=0,G=c.easing,H=function(){a.isFunction(c.startFun)&&c.startFun(p,k,d,a(c.titCell,l,o,f,g)},T=function(){a.isFunction(c.endFun)&&c.endFun(p,U=function(){j.removeClass(K),A&&j.eq(N).addClass(K)};if("menu"==c.type)return A&&j.removeClass(K).eq(p).addClass(K),j.hover(function(){Q=a(this).find(c.targetCell);var b=j.index(a(this));I=setTimeout(switch(p=b,j.removeClass(K).eq(p).addClass(K),S(),e){case"fade":Q.stop(!0,!0).animate({opacity:"show"},q,G,T);break;case"slideDown":Q.stop(!0,!0).animate({height:"show"},T)}},c.triggerTime)},1)">switch(clearTimeout(I),1)">case"fade":Q.animate({opacity:"hide"},G);case"slideDown":Q.animate({height:"hide"},G)}}),B&&d.hover(function(){clearTimeout(J)},1)">function(){J=setTimeout(U,q)}),1)">void 0;if(0==k&&(k=m),R&&(k=2),x){if(m>=u)if("leftLoop"==e||"topLoop"==e)k=0!=m%t?(0^m/t)+1:m/t;else{var V=m-u;k=1+parseInt(0!=V%t?V/t+1:V/t),0>=k&&(k=1)}else k=1;j.html("");var W="";if(1==c.autoPage||"true"==c.autoPage)for(var X=0;k>X;X++)W+="<li>"+(X+1)+"</li>";else var X=0;k>X;X++)W+=c.autoPage.replace("$",X+1);j.html(W);var j=j.children()}if(m>=u){l.children().each(function(){a(this).width()>E&&(E=a(this).width(),D=a(this).outerWidth(!0)),a(this).height()>F&&(F=a(this).height(),C=a(this).outerHeight(!0))});var Y=l.children(),Z=var a=0;u>a;a++)Y.eq(a).clone().addClass("clone").appendTo(l);var a=0;P>a;a++)Y.eq(m-a-1).clone().addClass("clone").prependTo(l)};switch(e){case"fold":l.css({position:"relative",width:D,height:C}).children().css({position:"absolute",width:E,left:0,top:0,display:"none"});case"top":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+u*C+'px"></div>').css({top:-(p*t)*C,position:"relative",padding:"0",margin:"0"}).children().css({height:F});case"left":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+u*D+'px"></div>').css({width:m*D,left:-(p*t)*D,overflow:"hidden",padding:"1",margin:"10"}).children().css({"float":"left"});case"leftLoop":case"leftMarquee":Z(),l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+u*D+'px"></div>').css({width:(m+u+P)*D,margin:"0",left:-(P+p*t)*D}).children().css({"float":"left",width:E});case"topLoop":case"topMarquee":Z(),l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+u*C+'px"></div>').css({height:(m+u+P)*C,top:-(P+p*t)*C}).children().css({height:F})}}var $=function(a){var b=a*t;return a==k?b=m:-1==a&&0!=m%t&&(b=-m%t),b},_=var c=function(c){var d=c;u+c>d;d++)b.eq(d).find("img["+n+"]").each(var b=a(this);if(b.attr("src",b.attr(n)).removeAttr(n),l.find(".clone")[0])var c=l.children(),d=0;d<c.size();d++)c.eq(d).find("img["+n+"]").each(this).attr(n)==b.attr("src")&&a(this).attr("src",1)">this).attr(n)).removeAttr(n)})})};case"fade":case"fold":case"top":case"left":case"slideDown":c(p*t);case"topLoop":c(P+$(O));case"leftMarquee":case"topMarquee":var d="leftMarquee"==e?l.css("left").replace("px",""):l.css("top").replace("px",""),f="leftMarquee"==e?D:C,g=P;if(0!=d%f){var h=Math.abs(0^d/f);g=1==p?P+h:P+h-1}c(g)}},ab=function(a){if(!A||M!=p||a||R){if(R?p>=1?p=1:0>=p&&(p=0):(O=p,p>=k?p=0:0>p&&(p=k-1)),null!=n&&_(l.children()),o[0]&&(Q=o.eq(p),null!=n&&_(o),"slideDown"==e?(o.not(Q).stop(!0,!0).slideUp(q),Q.slideDown(q,function(){l[0]||T()})):(o.not(Q).stop(!0,!0).hide(),Q.animate({opacity:"show"},function(){l[0]||T()}))),m>=u)switch(e){case"fade":l.children().stop(!0,!0).eq(p).animate({opacity:"show"},function(){T()}).siblings().hide();break;case"fold":l.children().stop(!0,function(){T()}).siblings().animate({opacity:"hide"},G);break;case"top":l.stop(!0,!1).animate({top:-p*t*C},function(){T()});break;case"left":l.stop(!0,!1).animate({left:-p*t*D},function(){T()});break;case"leftLoop":var b=O;l.stop(!0,!0).animate({left:-($(O)+P)*D},function(){-1>=b?l.css("left",-(P+(k-1)*t)*D):b>=k&&l.css("left",-P*D),T()});break;case"topLoop":var b=O;l.stop(!0,!0).animate({top:-($(O)+P)*C},function(){-1>=b?l.css("top",-(P+(k-1)*t)*C):b>=k&&l.css("top",-P*C),T()});break;case"leftMarquee":var c=l.css("left").replace("px","");0==p?l.animate({left:++c},function(){l.css("left").replace("px","")>=0&&l.css("left",-m*D)}):l.animate({left:--c},"")<=-(m+P)*D&&l.css("left",-P*D)});break;case"topMarquee":var d=l.css("top").replace("px","");0==p?l.animate({top:++d},function(){l.css("top").replace("px","")>=0&&l.css("top",-m*C)}):l.animate({top:--d},"")<=-(m+P)*C&&l.css("top",-P*C)})}j.removeClass(K).eq(p).addClass(K),M=p,y||(g.removeClass("nextStop"),f.removeClass("prevStop"),0==p&&f.addClass("prevStop"),p==k-1&&g.addClass("nextStop")),h.html("<span>"+(p+1)+"</span>/"+k)}};A&&ab(!0),B&&d.hover(function(){clearTimeout(J)},function(){J=setTimeout(function(){p=N,A?ab():"slideDown"==e?Q.slideUp(q,U):Q.animate({opacity:"hide"},U),M=p},300)});var bb=function(a){H=setInterval(function(){w?p--:p++,ab()},a?a:r)},cb=function(a){H=setInterval(ab,db=function(){z||(clearInterval(H),bb())},eb=function(){(y||p!=k-1)&&(p++,ab(),R||db())},fb=function(){(y||0!=p)&&(p--,gb=function(){clearInterval(H),R?cb():bb(),i.removeClass("pauseState")},hb=function(){clearInterval(H),i.addClass("pauseState")};if(v?R?(w?p--:p++,cb(),z&&l.hover(hb,gb)):(bb(),z&&d.hover(hb,gb)):(R&&(w?p--:p++),i.addClass("pauseState")),i.click(function(){i.hasClass("pauseState")?gb():hb()}),"mouseover"==c.trigger?j.hover(function(){var a=j.index(this);I=setTimeout(function(){p=a,db()},function(){clearTimeout(I)}):j.click(function(){p=j.index(this),db()}),R){if(g.mousedown(eb),f.mousedown(fb),y){var ib,jb=function(){ib=setTimeout(function(){clearInterval(H),cb(0^r/10)},150)},kb=function(){clearTimeout(ib),clearInterval(H),cb()};g.mousedown(jb),g.mouseup(kb),f.mousedown(jb),f.mouseup(kb)}"mouseover"==c.trigger&&(g.hover(eb,1)">function(){}),f.hover(fb,1)">function(){}))}else g.click(eb),f.click(fb)})}}(jQuery),jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,1)">return jQuery.easing[jQuery.easing.def](a,e)},easeInQuad:return d*(b/=e)*b+c},easeOutQuad:function(a,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:return d*(b/=e)*b*b+c},easeOutCubic:function(a,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c},easeOutElastic:function(a,e){var f=1.70158,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInOutElastic:if(2==(b/=e/2))if(g||(g=e*.3*1.5),1)">var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c:.5*h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInBack:function(a,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:return void 0==f&&(f=1.70158),d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,(b/=e/2)<1?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,e){return d-jQuery.easing.easeOutBounce(a,e-b,e)+c},easeOutBounce:function(a,e){return(b/=e)<1/2.75?d*7.5625*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,e)+c:.5*jQuery.easing.easeOutBounce(a,2*b-e,e)+.5*d+c}});!function(a){a.fn.slide=function(b){return a.fn.slide.defaults={type:"slide",targetCell:null,startFun:null,endFun:null,switchLoad:null,this.each(function(){var c=a.extend({},d=a(this),r=parseInt(c.interTime);parseInt(c.triggerTime);var Q,H=null,I=null,J=null,S=function(){a.isFunction(c.startFun)&&c.startFun(p,T=function(){a.isFunction(c.endFun)&&c.endFun(p,U=function(){j.removeClass(K),A&&j.eq(N).addClass(K)};if("menu"==c.type)return A&&j.removeClass(K).eq(p).addClass(K),j.hover(function(){Q=a(this).find(c.targetCell);var b=j.index(a(this));I=setTimeout(function(){switch(p=b,e){case"fade":Q.stop(!0,T);break;case"slideDown":Q.stop(!0,function(){switch(clearTimeout(I),e){case"fade":Q.animate({opacity:"hide"},G);break;case"slideDown":Q.animate({height:"hide"},function(){J=setTimeout(U,void 0;if(0==k&&(k=m),x){if(m>=u)if("leftLoop"==e||"topLoop"==e)k=0!=m%t?(0^m/t)+1:m/t;else{var V=m-u;k=1+parseInt(0!=V%t?V/t+1:V/t),0>=k&&(k=1)}else k=1;j.html("");var W="";if(1==c.autoPage||"true"==c.autoPage)for(var X=0;k>X;X++)W+="<li>"+(X+1)+"</li>";else for(var X=0;k>X;X++)W+=c.autoPage.replace("$",X+1);j.html(W);var j=j.children()}if(m>=u){l.children().each(function(){a(this).width()>E&&(E=a(this).width(),D=a(this).outerWidth(!0)),a(this).height()>F&&(F=a(this).height(),C=a(this).outerHeight(!0))});var Y=l.children(),Z=function(){for(var a=0;u>a;a++)Y.eq(a).clone().addClass("clone").appendTo(l);for(var a=0;P>a;a++)Y.eq(m-a-1).clone().addClass("clone").prependTo(l)};switch(e){case"fold":l.css({position:"relative",display:"none"});break;case"top":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+u*C+'px"></div>').css({top:-(p*t)*C,margin:"0"}).children().css({height:F});break;case"left":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+u*D+'px"></div>').css({width:m*D,margin:"10"}).children().css({"float":"left"});break;case"leftLoop":case"leftMarquee":Z(),left:-(P+p*t)*D}).children().css({"float":"left",width:E});break;case"topLoop":case"topMarquee":Z(),top:-(P+p*t)*C}).children().css({height:F})}}var $=function(a){var b=a*t;return a==k?b=m:-1==a&&0!=m%t&&(b=-m%t),_=function(b){var c=function(c){for(var d=c;u+c>d;d++)b.eq(d).find("img["+n+"]").each(function(){var b=a(this);if(b.attr("src",l.find(".clone")[0])for(var c=l.children(),d=0;d<c.size();d++)c.eq(d).find("img["+n+"]").each(function(){a(this).attr(n)==b.attr("src")&&a(this).attr("src",a(this).attr(n)).removeAttr(n)})})};switch(e){case"fade":case"fold":case"top":case"left":case"slideDown":c(p*t);break;case"leftLoop":case"topLoop":c(P+$(O));break;case"leftMarquee":case"topMarquee":var d="leftMarquee"==e?l.css("left").replace("px",g=P;if(0!=d%f){var h=Math.abs(0^d/f);g=1==p?P+h:P+h-1}c(g)}},kb=function(){clearTimeout(ib),function(){}),function(){}))}else g.click(eb),swing:function(a,e){return jQuery.easing[jQuery.easing.def](a,easeInQuad:function(a,e){return d*(b/=e)*b+c},easeInOutQuad:function(a,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,e){return d*(b/=e)*b*b+c},easeInOutCubic:function(a,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,e){return d*(b/=e)*b*b*b+c},easeInOutQuart:function(a,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,e){return d*(b/=e)*b*b*b*b+c},easeInOutQuint:function(a,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,e){return 0==b?c:d*Math.pow(2,easeInOutExpo:function(a,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,easeInCirc:function(a,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeInOutCirc:function(a,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,easeInOutElastic:function(a,h=d;if(0==b)return c;if(2==(b/=e/2))return c+d;if(g||(g=e*.3*1.5),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,easeOutBack:function(a,easeInOutBounce:function(a,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,e)+.5*d+c}});
script.js
// 导航js jQuery(function(){ jQuery("#j-nav-indexcatedialog").slide({ titCell:".item",1)">鼠标触发对象 targetCell:".rwrap",1)">titCell里面包含的要显示/消失的对象 delayTime:100,1)">效果时间 defaultPlay:false,triggerTime:0,1)">鼠标延迟触发时间(默认150) returnDefault:true 鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false) }); 轮播图js jQuery("#j-slidewrap").slide({ titCell:".u-slidepg ul li"true 轮播小广告js jQuery("#j-cntwrap").slide({ mainCell:"#j-cntlist ul""left"6 }); })
图片素材