ZIP我的 WEB 后台练习项目 47.38KB

Bugtags需要积分:6(1积分=1元)

资源文件列表:

我的 WEB 后台练习项目.zip 大约有25个文件
  1. 1_web后台练习/
  2. __MACOSX/._1_web后台练习 407B
  3. 1_web后台练习/jquery-1.11.1.min.js 93.54KB
  4. __MACOSX/1_web后台练习/._jquery-1.11.1.min.js 270B
  5. 1_web后台练习/index.html 9.89KB
  6. __MACOSX/1_web后台练习/._index.html 270B
  7. 1_web后台练习/.DS_Store 6KB
  8. __MACOSX/1_web后台练习/._.DS_Store 214B
  9. 1_web后台练习/image/
  10. __MACOSX/1_web后台练习/._image 214B
  11. 1_web后台练习/text.js 966B
  12. 1_web后台练习/image/icon_Triangle_1.png 339B
  13. __MACOSX/1_web后台练习/image/._icon_Triangle_1.png 314B
  14. 1_web后台练习/image/icon_1.png 799B
  15. __MACOSX/1_web后台练习/image/._icon_1.png 214B
  16. 1_web后台练习/image/icon_3.png 669B
  17. __MACOSX/1_web后台练习/image/._icon_3.png 214B
  18. 1_web后台练习/image/icon_2.png 749B
  19. __MACOSX/1_web后台练习/image/._icon_2.png 214B
  20. 1_web后台练习/image/icon_6.png 472B
  21. __MACOSX/1_web后台练习/image/._icon_6.png 214B
  22. 1_web后台练习/image/icon_5.png 1.12KB
  23. __MACOSX/1_web后台练习/image/._icon_5.png 214B
  24. 1_web后台练习/image/icon_4.png 821B
  25. __MACOSX/1_web后台练习/image/._icon_4.png 214B

资源介绍:

我的 WEB 后台练习项目
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>GETTING STARTED WITH BRACKETS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="An interactive getting started guide for Brackets."> <link rel="stylesheet" href="main.css"> </head> <style type="text/css"> ul,li{ list-style: none; margin: 0; padding: 0; } a:link,a:visited{ text-decoration: none; font-size: 12px; font-family: Helvetica Neue, Hiragino Sans GB, WenQuanYi Micro Hei, Microsoft Yahei, sans-serif; } .css1{ background: #333333; margin: 0; } .main_content{ margin-left: 240px; background: #f4f4f4; min-height: 3000px; } .main_content_title{ height: 50px; width: 100%; background: #ffffff; } .left{ min-height: 1000px; width: 240px; position: absolute; } .left_logo{ position: fixed; top: 0; left: 0; height: 50px; width: 240px; background: #282828; } .left_menu{ padding: 0px; margin-top: 50px; margin-bottom: 50px; height: 800px; width: 240px; } .left_menu li a{ height: 20px; line-height: 20px; margin: 0; padding: 15px 22px 15px 22px; display: block; position: relative; } .left_menu > li > ul > li > a{ color: #7E7E7E; padding-left: 56px; background: #282828; } .left_menu > li > ul > li > a:hover{ color: #7E7E7E; padding-left: 56px; background: #1C1C1C; } .left_menu > li > ul > li > a:focus{ color: #fff; padding-left: 56px; background: #1C1C1C; } .inactive{ color: #C0C0C0; background: #333333; opacity:0.8; filter:alpha(opacity=80); } .inactive_hover{ color: #fff; background: #282828; opacity:1; filter:alpha(opacity=100); } .inactives{ color: #fff; background: #282828; opacity:1; filter:alpha(opacity=100); border-bottom-color: black; } .menu_image{ height: 20px; width: 20px; margin-right: 16px; background-size: cover; text-align: center; float: left; } .meun_Triangle{ height: 20px; width: 20px; border: 0; background-size: cover; text-align: center; float: right; } @media screen and (max-width: 768px){ .main_content{ margin-left: 0; width: 100%; } .left{ display: none; } } </style> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.inactive').mouseover(function(){ $(this).addClass('inactive_hover') }) $('.inactive').mouseout(function(){ $(this).removeClass('inactive_hover') }) $('.inactive').click(function(){ if($(this).siblings('ul').css('display')=='none'){ $(this).parent('li').siblings('li').removeClass('inactives'); $(this).addClass('inactives'); $(this).siblings('ul').slideDown(100).children('li'); $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives'); $(this).parents('li').siblings('li').children('ul').slideUp(100); }else{ //控制自身变成+号 $(this).removeClass('inactives'); //控制自身菜单下子菜单隐藏 $(this).siblings('ul').slideUp(100); //控制自身子菜单变成+号 $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives'); //控制自身菜单下子菜单隐藏 $(this).siblings('ul').children('li').children('ul').slideUp(100); //控制同级菜单只保持一个是展开的（-号显示） $(this).siblings('ul').children('li').children('a').removeClass('inactives'); } }) }); </script> <body class="css1"> <section> <div class="left"> <div class="left_logo"> </div> <ul class="left_menu"> <li> <a href="#" class="inactive"> <img src="image/icon_1.png" class="menu_image" /> 系统管理 <img src="image/icon_Triangle_1.png" class="meun_Triangle" /> </a> <ul style="display: none"> <li><a href="#">平台账户</a> </li> <li><a href="#">角色</a> </li> <li><a href="#">服务</a> </li> <li><a href="#">操作记录</a> </li> <li><a href="#">通知管理</a> </li> </ul> </li> <li> <a href="#" class="inactive"> <img src="image/icon_2.png" class="menu_image" /> 支付订单 <img src="image/icon_Triangle_1.png" class="meun_Triangle" /> </a> <ul style="display: none"> <li><a href="#">订单列表</a> </li> </ul> </li> <li> <a href="#" class="inactive"> <img src="image/icon_3.png" class="menu_image" /> 学习运营平台 <img src="image/icon_Triangle_1.png" class="meun_Triangle" /> </a> <ul style="display: none"> <li><a href="#">试卷管理</a> </li> <li><a href="#">平台内容</a> </li> <li><a href="#">时间阈值管理</a> </li> <li><a href="#">直播 Subtopic</a> </li> </ul> </li> <li> <a href="#" class="inactive"> <img src="image/icon_4.png" class="menu_image" /> 内容管理 <img src="image/icon_Triangle_1.png" class="meun_Triangle" /> </a> <ul style="display: none"> <li><a href="#">理解类知识点管理</a> </li> <li><a href="#">印象类知识点管理</a> </li> <li><a href="#">考点管理</a> </li> <li><a href="#">题库管理</a> </li> <li><a href="#">分类</a> </li>
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPMicrosoft Visucal C++ 6.0 SP6 (VC6SP6)26.08MB7月前
    ZIPVRML安装包与插件，包含了Vrmlpad和BS-Contact26.52MB7月前
    ZIP共享纸巾机-共享售货机后端源码JAVA的后台开发.zip14.41MB7月前
    ZIPmysteam主要用来演示SpringCloud与NetflixOSS在微服务系统中的使用..zip291.91KB7月前
    ZIPLandsat TM/OLI影像全球图幅行列号（shp格式）4.89MB7月前
    ZIPFastStone Capture5.15MB7月前
    ZIP89个H5小游戏，源码，可运行，每个都是完整代码1.43MB7月前
    ZIPPicaComic-master.zip9.79MB7月前