├── 0723-APlayer ├── README.md ├── index.html └── demo.js ├── 0615-模仿企业首页 ├── images │ ├── ad.jpg │ ├── ad2.jpg │ ├── ad3.jpg │ ├── ad4.jpg │ ├── app.jpg │ ├── css.jpg │ ├── tel.jpg │ ├── arrow.jpg │ ├── imooc.png │ ├── li_bg.gif │ ├── li_bg2.gif │ ├── line.png │ ├── list.jpg │ ├── logo.jpg │ ├── more.jpg │ ├── nav_bg.jpg │ ├── news.jpg │ ├── qrcode.jpg │ ├── search.jpg │ ├── top_bg.jpg │ ├── weixin.png │ ├── loading.gif │ ├── nav_left.jpg │ ├── service.jpg │ ├── type_bg.png │ ├── content_bg.gif │ ├── nav_right.jpg │ ├── titile_bg.gif │ ├── product_type_bg.jpg │ └── QQ截图20140531173247.jpg ├── js │ ├── setHomeSetFav.js │ ├── mf-pattern │ │ ├── img │ │ │ ├── .svn │ │ │ │ ├── all-wcprops │ │ │ │ └── entries │ │ │ └── btn-bg2.gif │ │ ├── mF_taobaomall.css │ │ ├── mF_taobaomall.js │ │ ├── mF_fancy.css │ │ └── mF_fancy.js │ └── myfocus-2.0.1.min.js ├── news.html ├── index.html └── css │ └── main.css ├── 0521-Bootstrap-001 ├── img │ ├── pc.png │ ├── ipad.png │ ├── logo.png │ ├── mac.png │ ├── banner.jpg │ ├── hai001.jpg │ ├── hai002.jpg │ ├── hai003.jpg │ ├── hai004.jpg │ ├── phone.png │ ├── btn_appStore.png │ ├── btn_download.png │ ├── photo-1442551382982-e59a4efb3c86 (1).jpg │ └── 8200d87e723d4fd91d7fa028f717d7c75000e_mw_800.jpg ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── css │ ├── chinese.css │ ├── codeguide.bootcss.com chinese.css │ ├── theme.css │ └── bootstrap-theme.min.css ├── js │ └── npm.js ├── 0520-轻松便捷爱截图.html ├── 0521-响应式布局实例.html └── 0518-bootstrap导航条.html ├── 0721-3D旋转视频展示区 ├── img │ ├── video1.png │ ├── video2.png │ ├── video3.png │ ├── video4.png │ ├── video5.png │ └── video6.png └── 制作3D旋转视频展示区.html ├── 0624-Boostrap-002 ├── img │ ├── hai000.jpg │ ├── hai001.jpg │ ├── hai002.jpg │ ├── hai003.jpg │ ├── hai004.jpg │ └── hai005.jpg ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── css │ ├── chinese.css │ └── codeguide.bootcss.com chinese.css ├── js │ └── npm.js └── index.html ├── 0704-fullPage-appleWatch ├── images │ ├── sport_large_2x.jpg │ ├── edition_large_2x.jpg │ ├── primary_large_2x.jpg │ ├── hero_sunset_large_2x.jpg │ ├── technology_hero_large_2x.jpg │ ├── timekeeping_hero_large_2x.jpg │ ├── logo_collection_primary.svg │ ├── logo_collection_edition.svg │ └── logo_collection_sport.svg ├── index.html ├── js │ ├── main.js │ └── move.min.js └── css │ ├── main.css │ └── jquery.fullPage.min.css ├── 0517-企业管理系统后台（Bootstrap） ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── js │ └── npm.js ├── css │ └── theme.css └── index.html ├── 0628-fun-colllection ├── 0520-520Heart.html └── 0520-Happy love you forever.html ├── 0525-自定义一个jquery插件 └── changeColor.html ├── 0712-三种方式实现下拉菜单 ├── CSS实现下拉菜单.html ├── jQuery实现下拉菜单.html └── javascript实现下拉菜单.html ├── README.md ├── 0601-搜索框 └── search.html ├── 0528-网页定位导航效果 ├── 0530-网页定位导航效果扩展案例.html └── digou-index.html └── 0706-jQuery-Mobile-列车时刻查询表 └── index.html /0723-APlayer/README.md: -------------------------------------------------------------------------------- 1 | ## APlayer音乐播放器项目的练习使用 2 | -------------------------------------------------------------------------------- /0615-模仿企业首页/images/ad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/ad.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/ad2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/ad2.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/ad3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/ad3.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/ad4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/ad4.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/app.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/app.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/css.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/css.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/tel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/tel.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/pc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/pc.png -------------------------------------------------------------------------------- /0615-模仿企业首页/images/arrow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/arrow.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/imooc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/imooc.png -------------------------------------------------------------------------------- /0615-模仿企业首页/images/li_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/li_bg.gif -------------------------------------------------------------------------------- /0615-模仿企业首页/images/li_bg2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/li_bg2.gif -------------------------------------------------------------------------------- /0615-模仿企业首页/images/line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/line.png -------------------------------------------------------------------------------- /0615-模仿企业首页/images/list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/list.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/logo.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/more.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/more.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/nav_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/nav_bg.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/news.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/news.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/qrcode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/qrcode.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/search.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/search.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/top_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/top_bg.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/weixin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/weixin.png -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/img/video1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0721-3D旋转视频展示区/img/video1.png -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/img/video2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0721-3D旋转视频展示区/img/video2.png -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/img/video3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0721-3D旋转视频展示区/img/video3.png -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/img/video4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0721-3D旋转视频展示区/img/video4.png -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/img/video5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0721-3D旋转视频展示区/img/video5.png -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/img/video6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0721-3D旋转视频展示区/img/video6.png -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/ipad.png -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/logo.png -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/mac.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/mac.png -------------------------------------------------------------------------------- /0615-模仿企业首页/images/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/loading.gif -------------------------------------------------------------------------------- /0615-模仿企业首页/images/nav_left.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/nav_left.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/service.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/service.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/type_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/type_bg.png -------------------------------------------------------------------------------- /0615-模仿企业首页/js/setHomeSetFav.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/js/setHomeSetFav.js -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/banner.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/hai001.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/hai001.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/hai002.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/hai002.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/hai003.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/hai003.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/hai004.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/hai004.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/phone.png -------------------------------------------------------------------------------- /0615-模仿企业首页/images/content_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/content_bg.gif -------------------------------------------------------------------------------- /0615-模仿企业首页/images/nav_right.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/nav_right.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/titile_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/titile_bg.gif -------------------------------------------------------------------------------- /0624-Boostrap-002/img/hai000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/img/hai000.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/img/hai001.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/img/hai001.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/img/hai002.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/img/hai002.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/img/hai003.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/img/hai003.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/img/hai004.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/img/hai004.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/img/hai005.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/img/hai005.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/btn_appStore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/btn_appStore.png -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/btn_download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/btn_download.png -------------------------------------------------------------------------------- /0615-模仿企业首页/images/product_type_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/product_type_bg.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/images/QQ截图20140531173247.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/images/QQ截图20140531173247.jpg -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/img/.svn/all-wcprops: -------------------------------------------------------------------------------- 1 | K 25 2 | svn:wc:ra_dav:version-url 3 | V 37 4 | /svn/!svn/ver/37/trunk/mf-pattern/img 5 | END 6 | -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/img/btn-bg2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0615-模仿企业首页/js/mf-pattern/img/btn-bg2.gif -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/sport_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0704-fullPage-appleWatch/images/sport_large_2x.jpg -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/edition_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0704-fullPage-appleWatch/images/edition_large_2x.jpg -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/primary_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0704-fullPage-appleWatch/images/primary_large_2x.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /0624-Boostrap-002/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/hero_sunset_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0704-fullPage-appleWatch/images/hero_sunset_large_2x.jpg -------------------------------------------------------------------------------- /0521-Bootstrap-001/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /0521-Bootstrap-001/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /0521-Bootstrap-001/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /0521-Bootstrap-001/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /0624-Boostrap-002/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /0624-Boostrap-002/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0624-Boostrap-002/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/technology_hero_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0704-fullPage-appleWatch/images/technology_hero_large_2x.jpg -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/timekeeping_hero_large_2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0704-fullPage-appleWatch/images/timekeeping_hero_large_2x.jpg -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/photo-1442551382982-e59a4efb3c86 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/photo-1442551382982-e59a4efb3c86 (1).jpg -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0517-企业管理系统后台（Bootstrap）/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /0521-Bootstrap-001/img/8200d87e723d4fd91d7fa028f717d7c75000e_mw_800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helloqingfeng/Hello-myproject/HEAD/0521-Bootstrap-001/img/8200d87e723d4fd91d7fa028f717d7c75000e_mw_800.jpg -------------------------------------------------------------------------------- /0624-Boostrap-002/css/chinese.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; 3 | } -------------------------------------------------------------------------------- /0521-Bootstrap-001/css/chinese.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; 3 | } -------------------------------------------------------------------------------- /0521-Bootstrap-001/css/codeguide.bootcss.com chinese.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; 3 | } -------------------------------------------------------------------------------- /0624-Boostrap-002/css/codeguide.bootcss.com chinese.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; 3 | } -------------------------------------------------------------------------------- /0521-Bootstrap-001/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /0624-Boostrap-002/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/mF_taobaomall.css: -------------------------------------------------------------------------------- 1 | /*=========mF_taobaomall========*/ 2 | .mF_taobaomall{border:1px solid #ccc;} 3 | .mF_taobaomall .pic{position:relative;overflow:hidden;border-bottom:0;} 4 | .mF_taobaomall .pic ul{position:absolute;} 5 | .mF_taobaomall .pic ul li{position:relative;overflow:hidden;} 6 | .mF_taobaomall .pic ul.left li{float:left;} 7 | .mF_taobaomall .txt{line-height:28px;border-top:1px solid #ccc;overflow:hidden;width:120%;}/*默认标题高度*/ 8 | .mF_taobaomall .txt li{float:left;border-right:1px solid #dedede;overflow:hidden;}/*默认标题高度*/ 9 | .mF_taobaomall .txt li a{display:block;color:#333;padding:0 10px; text-align:center;font-size:12px;text-decoration:none;background:url(img/mF_taobaomall/btn-bg2.gif) left -44px repeat-x;}/*标题样式*/ 10 | .mF_taobaomall .txt li.current a{color:#fff;font-weight:bold;background-position:left top;} 11 | -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/img/.svn/entries: -------------------------------------------------------------------------------- 1 | 10 2 | 3 | dir 4 | 44 5 | https://myfocus-js.googlecode.com/svn/trunk/mf-pattern/img 6 | https://myfocus-js.googlecode.com/svn 7 | 8 | 9 | 10 | 2012-05-04T10:45:24.345093Z 11 | 37 12 | koen301@gmail.com 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | c41b90c7-bef0-df31-5759-2e177d5627c3 28 | 29 | mF_kendoui 30 | dir 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | deleted 52 | 53 | mF_games_tb 54 | dir 55 | 56 | mF_pithy_tb 57 | dir 58 | 59 | mF_tbhuabao 60 | dir 61 | 62 | mF_kiki 63 | dir 64 | 65 | mF_sohusports 66 | dir 67 | 68 | mF_51xflash 69 | dir 70 | 71 | mF_classicHB 72 | dir 73 | 74 | mF_qiyi 75 | dir 76 | 77 | mF_taobaomall 78 | dir 79 | 80 | mF_classicHC 81 | dir 82 | 83 | -------------------------------------------------------------------------------- /0628-fun-colllection/0520-520Heart.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 520Heart 5 | 6 | 7 | 8 | 9 | 13 | 14 | 20 | 21 | -------------------------------------------------------------------------------- /0525-自定义一个jquery插件/changeColor.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 0525——自定义一个jquery插件 6 | 7 | 17 | 18 | 19 |
20 | 26 |
27 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /0628-fun-colllection/0520-Happy love you forever.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 520——Happy love you forever 5 | 6 | 7 | 8 | 9 | 15 | 20 | 21 | -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/mF_taobaomall.js: -------------------------------------------------------------------------------- 1 | myFocus.pattern.extend({//*********************淘宝商城风格****************** 2 | 'mF_taobaomall':function(settings,$){ 3 | var $focus=$(settings); 4 | var $picBox=$focus.find('.pic'); 5 | var $picUl=$picBox.find('ul'); 6 | var $txtList=$focus.addListTxt().find('li'); 7 | $picUl[0].innerHTML+=$picUl[0].innerHTML;//无缝复制 8 | //CSS 9 | var n=$txtList.length,dir=settings.direction,prop=dir==='left'?'width':'height',dis=settings[prop]; 10 | $picUl.addClass(dir)[0].style[prop]=dis*n*2+'px'; 11 | $picUl.find('li').each(function(){//消除上下li间的多余间隙 12 | $(this).css({width:settings.width,height:settings.height}); 13 | }); 14 | var txtH=settings.txtHeight; 15 | $focus.css({height:settings.height+txtH+1}); 16 | $picBox.css({width:settings.width,height:settings.height}); 17 | $txtList.each(function(){this.style.width=(settings.width-n-1)/n+1+'px'}); 18 | $txtList[n-1].style.border=0; 19 | //PLAY 20 | var param={}; 21 | $focus.play(function(i){ 22 | $txtList[i>=n?(i-n):i].className = ''; 23 | },function(i){ 24 | param[dir]=-dis*i; 25 | $picUl.slide(param,settings.duration,settings.easing); 26 | $txtList[i>=n?(i-n):i].className = 'current'; 27 | },settings.seamless); 28 | //Control 29 | $focus.bindControl($txtList); 30 | } 31 | }); 32 | myFocus.config.extend({ 33 | 'mF_taobaomall':{//可选个性参数 34 | txtHeight:28,//默认标题按钮高度 35 | seamless:true,//是否无缝：true(是)| false(否) 36 | duration:600,//过渡时间(毫秒)，时间越大速度越小 37 | direction:'top',//运动方向，可选：'top'(向上) | 'bottom'(向下) | 'left'(向左) | 'right'(向右) 38 | easing:'easeOut'//运动形式，可选：'easeOut'(快出慢入) | 'easeIn'(慢出快入) | 'easeInOut'(慢出慢入) | 'swing'(摇摆运动) | 'linear'(匀速运动) 39 | } 40 | }); -------------------------------------------------------------------------------- /0712-三种方式实现下拉菜单/CSS实现下拉菜单.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | CSS实现下拉菜单 7 | 8 | 9 | 10 | 21 | 22 | 23 |

Hello world! CSS实现下拉菜单

24 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Hello-my-project 2 | 3 | 4 | ## 前端学习过程中，进行的部分代码练习。 5 | 6 | 博客首页：https://helloqingfeng.github.io/index.html (注：暂无内容) 7 | 8 | ## 0517-企业管理系统后台（Bootstrap） 9 | https://helloqingfeng.github.io/Hello-myproject/0517-企业管理系统后台（Bootstrap）/index.html 10 | 11 | ## 0521-Bootstrap-001 12 | https://helloqingfeng.github.io/Hello-myproject/0521-Bootstrap-001/0518-bootstrap导航条.html 13 | 14 | ## 0525-自定义一个jquery插件 15 | https://helloqingfeng.github.io/Hello-myproject/0525-自定义一个jquery插件/changeColor.html 16 | 17 | ## 0528-网页定位导航效果 18 | https://helloqingfeng.github.io/Hello-myproject/0528-网页定位导航效果/digou-index.html 19 | 20 | ## 0601-搜索框 21 | https://helloqingfeng.github.io/Hello-myproject/0601-搜索框/search.html 22 | 23 | ## 0615-模仿企业首页 24 | https://helloqingfeng.github.io/Hello-myproject/0615-模仿企业首页/index.html 25 | 26 | ## 0624-Boostrap-002 27 | https://helloqingfeng.github.io/Hello-myproject/0624-Boostrap-002/index.html 28 | 29 | ## 0628-fun-colllection 30 | https://helloqingfeng.github.io/Hello-myproject/0628-fun-colllection/0520-Happy%20love%20you%20forever.html 31 | 32 | ## 0704-FullPage.js全屏滚动插件实践案例 33 | Apple watch宣传页面效果 34 | 35 | https://helloqingfeng.github.io/Hello-myproject/0704-fullPage-appleWatch/index.html 36 | 37 | ## 0706-jQuery Mobile实践案例 38 | 列车时刻查询表web app 39 | 40 | https://helloqingfeng.github.io/Hello-myproject/0706-jQuery-Mobile-列车时刻查询表/index.html 41 | 42 | ## 0712-三种方式实现下拉菜单 43 | 44 | #### JavaScript实现下拉菜单 45 | https://helloqingfeng.github.io/Hello-myproject/0712-三种方式实现下拉菜单/javascript实现下拉菜单.html 46 | 47 | #### jQuery实现下拉菜单 48 | https://helloqingfeng.github.io/Hello-myproject/0712-三种方式实现下拉菜单/jQuery实现下拉菜单.html 49 | 50 | #### CSS实现下拉菜单 51 | https://helloqingfeng.github.io/Hello-myproject/0712-三种方式实现下拉菜单/CSS实现下拉菜单.html 52 | 53 | ## 0721-3D旋转视频展示区 54 | https://helloqingfeng.github.io/Hello-myproject/0721-3D旋转视频展示区/制作3D旋转视频展示区.html 55 | 56 | 57 | ## 0723-APlayer-html5音乐播放器 58 | https://helloqingfeng.github.io/Hello-myproject/0723-APlayer/index.html 59 | -------------------------------------------------------------------------------- /0712-三种方式实现下拉菜单/jQuery实现下拉菜单.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | jQuery实现下拉菜单 7 | 8 | 9 | 10 | 30 | 31 | 32 |

Hello world! jQuery实现下拉菜单

33 | 53 | 54 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/logo_collection_primary.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /0723-APlayer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | APlayer Demo 6 | 7 | 8 | 47 | 48 | 49 |
50 |

APlayer音乐播放器

51 |

Wow, 如此漂亮的一个H5音乐播放器。

52 |

Made by DIYgod. Available on GitHub. Licensed MIT.

53 |
54 |

1、网银云音乐外链播放器

55 | 56 |

2、APlayer正常样式

57 |
58 | 59 |

3、带有歌词的样式

60 |
61 | 62 |

4、带有列表的样式

63 |
64 | 65 |

5、带有列表和歌词的样式

66 |
67 |
68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /0712-三种方式实现下拉菜单/javascript实现下拉菜单.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | js实现下拉菜单 7 | 8 | 9 | 10 | 11 | 21 | 22 | 23 |

Hello world! javascript实现下拉菜单

24 | 44 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/mF_fancy.css: -------------------------------------------------------------------------------- 1 | /*=========mF_fancy ========*/ 2 | .mF_fancy .pic{position:absolute;z-index:1;} 3 | .mF_fancy .pic ul{ position:absolute; top:0;left:0;width:x;height:100%; overflow:hidden;} 4 | .mF_fancy .pic ul li{ position:absolute;top:0;left:0; display:none; overflow:hidden;} 5 | .mF_fancy .txt{position:absolute;z-index:2; top:12px;left:12px; width:80%; color:#fff;} 6 | .mF_fancy .txt li{position:absolute;top:0;width:100%; padding:12px; visibility:hidden; opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;} 7 | .mF_fancy .txt li a{display:block;color:#fff;font-size:14px;font-weight:bold;text-decoration:none; font-family:'微软雅黑';}/*标题样式*/ 8 | .mF_fancy .txt li p{ display:none;}/*隐藏详细描述文字*/ 9 | .mF_fancy .txt li.current{ visibility:visible; opacity:1;} 10 | .mF_fancy .num{ position:absolute;bottom:0;left:0;width:100%; overflow:hidden;} 11 | .mF_fancy .num ul{width:120%; background:#666; margin-left:-1px;} 12 | .mF_fancy .num ul li{ display:inline-block;*display:inline;*zoom:1; height:12px; border-left:1px solid #ddd; background:#666; overflow:hidden; cursor:pointer;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;} 13 | .mF_fancy .num ul li:hover{ background:#ddd;} 14 | .mF_fancy .num ul li.current{ background:#090909; cursor:default;} 15 | .mF_fancy .num ul li a{ display:none;} 16 | .mF_fancy .thumb{ position:absolute; left:0;bottom:40px; width:100%; z-index:9;} 17 | .mF_fancy .thumb ul{width:120%;} 18 | .mF_fancy .thumb ul li{display:inline-block!important;*display:inline!important;*zoom:1;width:x; position:relative; visibility:hidden; cursor:pointer;} 19 | .mF_fancy .thumb ul li img{ width:100%;} 20 | .mF_fancy .prev,.mF_fancy .next{font:700 53px/58px arial;width:37px;height:65px;overflow:hidden;position:absolute;z-index:9;left:0px;cursor:pointer; top:40%;} 21 | .mF_fancy .next{left:auto;right:0px;} 22 | .mF_fancy .prev a,.mF_fancy .next a{display:block;color:#fff;text-align:center;text-decoration:none;visibility:hidden; opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;} 23 | .mF_fancy .prev a:hover,.mF_fancy .next a:hover{color:#f60;} 24 | .mF_fancy .show a{ visibility:visible; opacity:1;} -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | jquery-fullPage——Apple Watch展示页 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 |

她,终于来了!

17 |

为了充分发挥体积小巧以及佩戴于手腕的优势，Apple Watch带来全新的科技和互动方式。它可以让你更快速便捷地完成早已习惯的事， 也可以实现过去根本无法企及的新功能。因此，这将会是焕然一新的使用体验，也将实现与你前所未有的贴近。

18 | 进一步了解 19 |
20 | 21 |
22 |

真正与你贴近的个人设备

23 | 进一步了解 24 |
25 | 26 |
27 |

非同一般的精准计时

28 |

高级手表向来计时精准为本，Apple Watch更是如此，它与你的iPhone配合使用，同全球标准时间的误差不超过50毫秒。而且你可以对 表盘进行个性化设定，以更具个性和意义的方式显示时间，使其更贴合你的生活和日程需要。

29 | 进一步了解计时 30 |
31 | 32 |
33 |

在三个特点鲜明的系列中找到你的风格

34 |
35 |
36 | 37 |

38 |
39 |

不锈钢或深空黑色不锈钢表壳，蓝宝石水晶镜面，搭配多款时尚表带

40 | 进一步了解更多 41 |
42 |
43 |
44 | 45 |

46 |
47 |

银色或深空灰色的阳极氧化铝金属表壳，强化Ion-X玻璃，搭配亮丽柔韧的表带

48 | 进一步了解更多 49 |
50 |
51 |
52 | 53 |

54 |
55 |

18K黄金或玫瑰金表壳，蓝宝石水晶镜面，搭配精雕细琢的表带及表扣

56 | 进一步了解更多 57 |
58 |
59 |
60 |
61 |
62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /0521-Bootstrap-001/css/theme.css: -------------------------------------------------------------------------------- 1 | html, body, div, span, object, iframe, 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 | abbr, address, cite, code, 4 | del, dfn, em, img, ins, kbd, q, samp, 5 | small, strong, sub, sup, var, 6 | b, i, 7 | fieldset, form, label, legend, 8 | table, caption, tbody, tfoot, thead, tr, th, td, 9 | article, aside, canvas, details, figcaption, figure, 10 | footer, header, hgroup, menu, nav, section, summary, 11 | time, mark, audio, video { 12 | margin:0; 13 | padding:0; 14 | border:0 none; 15 | outline:0; 16 | font:100%/1.5 Helvetica; 17 | vertical-align:baseline; 18 | background:transparent; 19 | } 20 | body { 21 | line-height:1; 22 | } 23 | article,aside,details,figcaption,figure, 24 | footer,header,hgroup,menu,nav,section { 25 | display:block; 26 | } 27 | .hide-txt {text-indent:-999em;#text-indent:0;line-height:999em;overflow:hidden;} 28 | .cf:before, 29 | .cf:after {content:".";display:block;height:0;visibility:hidden;} 30 | .cf:after {clear:both;} 31 | .cf {zoom:1;} 32 | 33 | body {font:14px/1.5 tahoma;color:#333;} 34 | a,a:visited {text-decoration:none;color:#05c} 35 | a:hover {text-decoration:underline;} 36 | h1,h2,h3,h4,h5,h6 {font-size:100%;padding:0;margin:.5em 0;font-family: Helvetica, 37 | Microsoft Yahei,Microsoft Sans Serif, sans;} 38 | h1 {font:28px/1.5 Helvetica,Microsoft Yahei, 39 | Microsoft Yahei, sans} 40 | h2 {font-size:20px;color: green;} 41 | h3 {font-size:16px;color: green;} 42 | h4 {font-size:14px} 43 | ul {padding:0 0 0 30px;margin:0} 44 | ul ul ul {list-style-type:disc} 45 | .content {padding:0 20px} 46 | .content p{text-indent:2em} 47 | 48 | table {border-collapse:collapse;width:100%} 49 | table th {background:#ccc} 50 | table td,table th {border:1px solid #333;height:24px} 51 | table td {text-align:center;padding:0 4px} 52 | table td.tdLeft,tfoot td{text-align:left} 53 | tfoot td {height:18px;background:#eee} 54 | 55 | header {border-bottom:1px solid #e5e5e5;} 56 | header h1 {margin:0;padding:20px 10px;} 57 | section {display:-webkit-box;display:-moz-box;-webkit-box-direction:reverse;-moz-box-direction:reverse;} 58 | article {-webkit-box-flex:1;-moz-box-flex:1;padding:20px 40px;line-height:1.8;} 59 | aside {width:220px;border-right:1px solid #e5e5e5;padding:10px;background:#f8f8f8;} 60 | footer {font:10px/1.5 verdana;-webkit-font-size-adjust:none;padding:15px 10px;border-top:1px solid #e5e5e5;color:#999;} -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/css/theme.css: -------------------------------------------------------------------------------- 1 | html, body, div, span, object, iframe, 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 | abbr, address, cite, code, 4 | del, dfn, em, img, ins, kbd, q, samp, 5 | small, strong, sub, sup, var, 6 | b, i, 7 | fieldset, form, label, legend, 8 | table, caption, tbody, tfoot, thead, tr, th, td, 9 | article, aside, canvas, details, figcaption, figure, 10 | footer, header, hgroup, menu, nav, section, summary, 11 | time, mark, audio, video { 12 | margin:0; 13 | padding:0; 14 | border:0 none; 15 | outline:0; 16 | font:100%/1.5 Helvetica; 17 | vertical-align:baseline; 18 | background:transparent; 19 | } 20 | body { 21 | line-height:1; 22 | } 23 | article,aside,details,figcaption,figure, 24 | footer,header,hgroup,menu,nav,section { 25 | display:block; 26 | } 27 | .hide-txt {text-indent:-999em;#text-indent:0;line-height:999em;overflow:hidden;} 28 | .cf:before, 29 | .cf:after {content:".";display:block;height:0;visibility:hidden;} 30 | .cf:after {clear:both;} 31 | .cf {zoom:1;} 32 | 33 | body {font:14px/1.5 tahoma;color:#333;} 34 | a,a:visited {text-decoration:none;color:#05c} 35 | a:hover {text-decoration:underline;} 36 | h1,h2,h3,h4,h5,h6 {font-size:100%;padding:0;margin:.5em 0;font-family: Helvetica, 37 | Microsoft Yahei,Microsoft Sans Serif, sans;} 38 | h1 {font:28px/1.5 Helvetica,Microsoft Yahei, 39 | Microsoft Yahei, sans} 40 | h2 {font-size:20px;color: green;} 41 | h3 {font-size:16px;color: green;} 42 | h4 {font-size:14px} 43 | ul {padding:0 0 0 30px;margin:0} 44 | ul ul ul {list-style-type:disc} 45 | .content {padding:0 20px} 46 | .content p{text-indent:2em} 47 | 48 | table {border-collapse:collapse;width:100%} 49 | table th {background:#ccc} 50 | table td,table th {border:1px solid #333;height:24px} 51 | table td {text-align:center;padding:0 4px} 52 | table td.tdLeft,tfoot td{text-align:left} 53 | tfoot td {height:18px;background:#eee} 54 | 55 | header {border-bottom:1px solid #e5e5e5;} 56 | header h1 {margin:0;padding:20px 10px;} 57 | section {display:-webkit-box;display:-moz-box;-webkit-box-direction:reverse;-moz-box-direction:reverse;} 58 | article {-webkit-box-flex:1;-moz-box-flex:1;padding:20px 40px;line-height:1.8;} 59 | aside {width:220px;border-right:1px solid #e5e5e5;padding:10px;background:#f8f8f8;} 60 | footer {font:10px/1.5 verdana;-webkit-font-size-adjust:none;padding:15px 10px;border-top:1px solid #e5e5e5;color:#999;} -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/js/main.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | $("#fullPage").fullpage({ 3 | verticalCentered: false, 4 | //sectionsColor:['green','red','silver','yellow','pink'], 5 | //resize:true, 6 | //scrollingSpeed:1000, 7 | anchors:['page1','page2','page3','page4','page5'], 8 | //lockAnchors: 9 | //css3:true, 10 | //loopTop:true, 11 | //loopBottom:true, 12 | //loopHorizontal:true, 13 | //scrollBar:true, 14 | //paddingTop:'20px', 15 | //paddingBottom:0, 16 | //fixedElements:'#header', 17 | //continuousVertical:true, 18 | navigation:true, 19 | navigationTooltips: ['它，终于来了','真正与你贴近的个人设备','非同一般的精准计时','在三个特点鲜明的系列中找到你的风格'], 20 | //滚动到某一屏后产生的动画效果 21 | afterLoad:function(link,index){ 22 | switch(index){ 23 | case 1: 24 | move('.section1 h1').scale(1.5).end(); 25 | move('.section1 p').set('margin-top','5%').end(); 26 | break; 27 | case 2: 28 | move('.section2 h1').scale(0.7).end(); 29 | break; 30 | case 3: 31 | move('.section3 h1').set('margin-left','20%').end(); 32 | move('.section3 p').set('margin-left','20%').end(); 33 | break; 34 | case 4: 35 | move('.section4 img.primary').rotate(360).end(function(){ 36 | move('.section4 img.sport').rotate(360).end(function(){ 37 | move('.section4 img.edition').rotate(360).end(function(){ 38 | move('.section4 h4.primary').scale(1.2).end(function(){ 39 | move('.section4 h4.sport').scale(1.2).end(function(){ 40 | move('.section4 h4.edition').scale(1.2).end(); 41 | }); 42 | }); 43 | }); 44 | }); 45 | }); 46 | break; 47 | default : 48 | break; 49 | } 50 | }, 51 | 52 | //离开某一屏后恢复到初始效果 53 | onLeave: function(link, index){ 54 | switch (index){ 55 | case 1: 56 | move('.section1 h1').scale(1).end(); 57 | move('.section1 p').set('margin-top','800px').end(); 58 | break; 59 | case 2: 60 | move('.section2 h1').scale(1).end(); 61 | break; 62 | case 3: 63 | move('.section3 h1').set('margin-left','-1500px').end(); 64 | move('.section3 p').set('margin-left','1500px').end(); 65 | break; 66 | case 4: 67 | move('.section4 img.primary').rotate(-360).end(); 68 | move('.section4 img.sport').rotate(-360).end(); 69 | move('.section4 img.edition').rotate(-360).end(); 70 | move('.section4 h4.primary').scale(1).end(); 71 | move('.section4 h4.sport').scale(1).end(); 72 | move('.section4 h4.edition').scale(1).end(); 73 | break; 74 | default : 75 | break; 76 | } 77 | }, 78 | }); 79 | }); -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/logo_collection_edition.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /0601-搜索框/search.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 0602——bing search 6 | 7 | 78 | 79 | 80 |
81 |
82 | 83 |
84 | 85 | 86 |
87 |
88 |
89 | 95 | 96 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/css/main.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | body{ 6 | font: 16px/1.8 "LiHei Pro","Microsoft YaHei", "微软雅黑",Tahoma, Arial, sans-serif; 7 | } 8 | .section{ 9 | position: relative; 10 | background-color:#fff; 11 | overflow: hidden; 12 | text-align: center; 13 | } 14 | /*第一屏样式*/ 15 | .section1{ 16 | background: url(../images/hero_sunset_large_2x.jpg) no-repeat center; 17 | background-size: cover; 18 | } 19 | .section1 h1{ 20 | margin-top: 5%; 21 | color: #fff; 22 | letter-spacing:8px; 23 | font-weight: normal; 24 | font-size: 70px; 25 | opacity: 0.8; 26 | } 27 | .section1 p{ 28 | margin: 5% auto 0; 29 | font-size: 18px; 30 | color: #fff; 31 | opacity: 0.65; 32 | width: 60%; 33 | margin-top: 800px; 34 | } 35 | .section1 a{ 36 | display: block; 37 | margin: 5% auto 0; 38 | color: #ff9000; 39 | font-size: 18px; 40 | opacity: 0.9; 41 | } 42 | 43 | /*第二屏样式*/ 44 | .section2{ 45 | background: #f2f2f2 url("../images/technology_hero_large_2x.jpg") no-repeat bottom; 46 | background-size:100% ; 47 | } 48 | .section2 h1{ 49 | margin:20px auto; 50 | color: #333; 51 | font-weight: normal; 52 | font-size: 50px; 53 | } 54 | .section2 a{ 55 | display: block; 56 | margin: 20px auto 0; 57 | font-size: 18px; 58 | color: #08c; 59 | } 60 | /*第三屏样式*/ 61 | .section3{ 62 | background: url("../images/timekeeping_hero_large_2x.jpg") no-repeat center 300px; 63 | background-size:50% ; 64 | } 65 | .section3 h1{ 66 | margin:20px auto; 67 | color: #333; 68 | font-weight: normal; 69 | font-size: 40px; 70 | width: 60%; 71 | margin-left: -1500px; 72 | } 73 | .section3 p{ 74 | margin: 20px auto 0; 75 | color: #333; 76 | font-size: 18px; 77 | width: 60%; 78 | margin-left: 1500px; 79 | } 80 | .section3 a{ 81 | display: block; 82 | margin: 20px auto 0; 83 | font-size: 18px; 84 | color: #08c; 85 | } 86 | /*第四屏样式*/ 87 | .section4{ 88 | background-color: #fff; 89 | } 90 | .section4 h1{ 91 | margin: 20px auto; 92 | color: #333; 93 | font-size: 40px; 94 | font-weight: normal; 95 | } 96 | .section4 .row{ 97 | width: 95%; 98 | margin-left: 20px; 99 | font-size: 18px; 100 | color: #333; 101 | } 102 | .section4 .column{ 103 | float: left; 104 | display: inline-block; 105 | width: 31%; 106 | margin: 10px; 107 | padding-bottom: 30px; 108 | background-color: #f2f2f2; 109 | } 110 | .section4 .column img{ 111 | height: 300px; 112 | margin-top: 30px; 113 | } 114 | .section4 .column h4{ 115 | margin: 20px auto; 116 | } 117 | 118 | .section4 .column h4.primary{ 119 | background-image: url("../images/logo_collection_primary.svg"); 120 | background-size:102px 22px; 121 | height: 22px; 122 | width: 102px; 123 | } 124 | .section4 .column h4.sport{ 125 | background-image: url("../images/logo_collection_sport.svg"); 126 | background-size:178px 22px; 127 | height: 22px; 128 | width: 178px; 129 | } 130 | .section4 .column h4.edition{ 131 | background-image: url("../images/logo_collection_edition.svg"); 132 | background-size:190px 22px; 133 | height: 22px; 134 | width: 190px; 135 | } 136 | 137 | .section4 .column p{ 138 | margin: 10px auto; 139 | width: 90%; 140 | font-size: 16px; 141 | } 142 | .scetion4 .column a{ 143 | display: block; 144 | margin: 10px auto 0; 145 | color: #08c; 146 | font-size: 16px; 147 | 148 | } -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/css/jquery.fullPage.min.css: -------------------------------------------------------------------------------- 1 | .fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}/*# sourceMappingURL=jquery.fullPage.min.css.map */ -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/images/logo_collection_sport.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /0615-模仿企业首页/news.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | index.html 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 | 18 |
19 |
20 | 21 |
22 | 30 | 31 |
32 |
33 | 41 |
42 |
43 |
44 | 45 |
46 |
47 |
48 | 49 |
50 | 51 |
52 | 53 |
54 |
55 |

新闻中心

56 |
57 | 66 |
67 |
68 |
69 |

新闻中心

70 |
71 | 79 |
80 |
81 | Home< 12 82 | 3...>End 83 |
84 |
85 | 86 |
87 | 88 |
89 | 90 |
91 |
92 |
    93 |
  • 关于 94 |
      95 |
    • 品牌故事
      • 96 |
    • 联系我们
      • 97 |
    • 加入我们
      • 98 |
    • 版权声明
      • 99 |
    100 |
    • 101 |
  • 课程 102 |
      103 |
    • PHP开发
      • 104 |
    • 前端开发
      • 105 |
    • JAVA开发
      • 106 |
    • Android开发
      • 107 |
    108 |
    • 109 |
  • 关注 110 |
      111 |
    • 新浪微博
      • 112 |
    • 腾讯微博
      • 113 |
    • 企业微信
      • 114 |
    • QQ空间
      • 115 |
    116 |
    • 117 |
  • 留言 118 |
      119 |
    • 意见反馈
      • 120 |
    • 问题留言
      • 121 |
    • 媒体联络
      • 122 |
    • 在线客服
      • 123 |
    124 |
    • 125 |
  • 126 |
      127 |
    • 微信关注微信关注
      • 128 |
    • 扫描关注慕课网官方微信
      • 129 |
    130 |
    • 131 |
132 |
133 |
134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /0624-Boostrap-002/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | index 8 | 9 | 10 | 11 | 12 | 22 | 23 | 24 | 25 | 29 | 30 | 31 | 57 | 58 |
59 | 图片一 60 |

我试试你第一页

61 |

62 | 63 |
64 | 65 |
66 |
67 |
68 |

我是第一行

69 |

本课时中将会使用 yo 来搭建一个 Gulp Sass Bootstrap 项目，并对项目工程进行逐一分析。从项目结构入手，对每个文件夹进行分析可以帮助学员了解项目的具体结构。学员学完本课时后将理清自己的项目思路。

70 |
71 |
72 |

我是第一行

73 |

本课时中将会使用 yo 来搭建一个 Gulp Sass Bootstrap 项目，并对项目工程进行逐一分析。从项目结构入手，对每个文件夹进行分析可以帮助学员了解项目的具体结构。学员学完本课时后将理清自己的项目思路。

74 |
75 |
76 |

我是第一行

77 |

本课时中将会使用 yo 来搭建一个 Gulp Sass Bootstrap 项目，并对项目工程进行逐一分析。从项目结构入手，对每个文件夹进行分析可以帮助学员了解项目的具体结构。学员学完本课时后将理清自己的项目思路。

78 |
79 |
80 |
81 | 82 | 83 | 84 | 85 | 86 | 87 | 116 | 117 | -------------------------------------------------------------------------------- /0521-Bootstrap-001/0520-轻松便捷爱截图.html: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 0520——轻松便捷爱截图 21 | 22 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 |
78 | 下载 79 | 在 App Store 下载 80 |
81 | 82 |
83 |
84 |
85 |

更多推荐

86 |
87 |
88 | QQ浏览器 手机版 89 | QQ浏览器 PC版 90 | QQ浏览器 Mac版 91 | QQ浏览器 iPad版 92 |
93 |
94 | 95 | -------------------------------------------------------------------------------- /0615-模仿企业首页/js/mf-pattern/mF_fancy.js: -------------------------------------------------------------------------------- 1 | /* 2 | * fancy v1.0 3 | * Date 2012.5.8 4 | * Author koen_lee 5 | */ 6 | myFocus.pattern.extend({ 7 | 'mF_fancy':function(settings,$){ 8 | var $focus=$(settings); 9 | var $txtList=$focus.addListTxt().find('li'); 10 | var $numList=$focus.addListNum().find('li'),n=$numList.length; 11 | var $thumbList=$focus.addListThumb().find('li'); 12 | var $picUls=$focus.find('.pic ul').repeat(n); 13 | var $prevBtn=$focus.addHtml(''); 14 | var $nextBtn=$focus.addHtml(''); 15 | var $picListArr=[]; 16 | //CSS 17 | var w=Math.round(settings.width/n); 18 | $picUls.each(function(i){ 19 | $(this).css({width:w*(i+1),zIndex:n-i}); 20 | $picListArr.push($(this).find('li')); 21 | }); 22 | var numW=Math.round((settings.width-n+1)/n); 23 | $numList.each(function(i){ 24 | this.style.width=numW+'px'; 25 | if(i===(n-1)) this.style.width=numW+1+'px';//最后一个加1px 26 | $thumbList.eq(i)[0].style.width=w+'px'; 27 | }); 28 | $focus[0].style.height=settings.height+12+'px'; 29 | //PLAY 30 | var params={isRunning:false},done=0;//记录运行状态 31 | var eff={1:'surf',2:'sliceUpDown',3:'fold',4:'sliceDown',5:'fade',6:settings.effect};//过渡效果列表 32 | var effIndex=eff[6]==='random'?0:6; 33 | $focus.play(function(i){ 34 | params.isRunning=true; 35 | $numList[i].className=''; 36 | $txtList[i].className=''; 37 | },function(i){ 38 | $numList[i].className='current'; 39 | $txtList[i].className='current'; 40 | var r=effIndex||(1+Math.round(Math.random()*4)); 41 | for(var j=0;j 2 | 3 | 4 | 5 | 0615-index.html 6 | 7 | 8 | 9 | 10 | 11 | 18 | 19 | 20 |
21 |
22 | 27 |
28 |
29 | 30 |
31 | 39 | 40 |
41 |
42 | 50 |
51 |
52 |
53 | 54 |
55 |
56 |
57 | 58 |
59 |
请稍候...
60 |
61 |
    62 |
    • 63 |
    • 64 |
    • 65 |
66 |
67 |
68 | 69 |
70 |
71 |
72 |

新闻中心

More>> 73 |
74 |
75 |

520 木女神喊你来表白

76 | 活动时间：5月14日——5月20日
获奖公布时间：5月24日
Learn More>>

77 |

78 |
79 |
80 | 86 |
87 |
88 |
89 |
90 |

课程中心

More>> 91 |
92 |
93 | 94 |

CSS圆角进化论

95 | CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。

96 |

97 |
98 |
99 | 105 |
106 |
107 |
108 |
109 |
110 |

课程中心

More>> 111 |
112 | 113 |

114 | 115 |

116 |
117 |
118 |
119 |
120 | 121 |
122 | 123 |
124 |
125 |
    126 |
  • 关于 127 |
      128 |
    • 品牌故事
      • 129 |
    • 联系我们
      • 130 |
    • 加入我们
      • 131 |
    • 版权声明
      • 132 |
    133 |
    • 134 |
  • 课程 135 |
      136 |
    • PHP开发
      • 137 |
    • 前端开发
      • 138 |
    • JAVA开发
      • 139 |
    • Android开发
      • 140 |
    141 |
    • 142 |
  • 关注 143 |
      144 |
    • 新浪微博
      • 145 |
    • 腾讯微博
      • 146 |
    • 企业微信
      • 147 |
    • QQ空间
      • 148 |
    149 |
    • 150 |
  • 留言 151 |
      152 |
    • 意见反馈
      • 153 |
    • 问题留言
      • 154 |
    • 媒体联络
      • 155 |
    • 在线客服
      • 156 |
    157 |
    • 158 |
  • 159 |
      160 |
    • 微信关注微信关注
      • 161 |
    • 扫描关注慕课网官方微信
      • 162 |
    163 |
    • 164 |
165 |
166 |
167 | 168 | 169 | 170 | -------------------------------------------------------------------------------- /0528-网页定位导航效果/0530-网页定位导航效果扩展案例.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 0530-----网页定位导航效果扩展案例 6 | 116 | 117 | 148 | 149 | 150 | 160 |
161 | 162 |
163 | 164 |
165 |
166 | 167 |
168 |
169 | 170 |
171 |
172 | 173 |
174 |
175 | 176 |
177 |
178 | 179 | -------------------------------------------------------------------------------- /0521-Bootstrap-001/0521-响应式布局实例.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 0521——响应式布局实例（bootstarp） 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 28 | 29 | 30 | 31 | 35 | 36 | 37 | 61 | 62 |
63 |
64 |
65 |

66 | 67 |

68 |
69 |

CSS选择器示例

70 |

这个链接在鼠标按下和松开的这段时间内会变成绿色: Mozilla Developer Network.

71 | 72 |

Hello, world!

73 |

我很赞同林夕的观点，喜欢一个人，就像喜欢富士山，你可以看到它，但是不能搬走它——你唯一能做的，就是自己走过去，去争取自己的爱人。

74 |

Responsive image

75 |

Learn more

76 |
77 |
78 |
79 |

Bootstrap 编码规范

80 |

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

81 |
82 |
83 |

Bootstrap 编码规范

84 |

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

85 |
86 | 87 |
88 |
89 |

Bootstrap 编码规范

90 |

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

91 |
92 |
93 |

Bootstrap 编码规范

94 |

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

95 |
96 |
97 |

Bootstrap 编码规范

98 |

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

99 |
100 | 101 | 102 |
103 |

Bootstrap 编码规范

104 |

Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

105 |
106 |
107 |
108 |
109 |
    110 |
  • Cras justo odio
    • 111 |
  • Dapibus ac facilisis in
    • 112 |
  • Morbi leo risus
    • 113 |
  • Porta ac consectetur ac
    • 114 |
  • Vestibulum at eros
    • 115 |
  • 评论框
    • 116 |
117 |
118 |
119 | 120 |
121 | 122 |
123 |
124 |
125 |
配送类型：
126 |
快递
127 |
京东自营
128 |
第三方
129 |
130 |
131 |
132 | 133 | 134 | 143 | 144 | 145 | -------------------------------------------------------------------------------- /0615-模仿企业首页/css/main.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | font-size: 10px 5 | } 6 | body{ 7 | background-color:#f0f0f4; 8 | } 9 | .top{ 10 | width: 100%; 11 | height: 27px; 12 | background:url(../images/top_bg.jpg) repeat-x; 13 | } 14 | 15 | .top_content{ 16 | width: 1000px; 17 | margin: 0 auto; 18 | } 19 | 20 | .top_content li{ 21 | list-style-type: none; 22 | list-style-image: url(../images/list.jpg); 23 | float: right; 24 | width: 70px; 25 | line-height: 27px; 26 | } 27 | 28 | .top_content a:link,.top_content a:visited{ 29 | color: #8e8e8e; 30 | text-decoration: none; 31 | } 32 | .top_content a:hover,.top_content a:active{ 33 | color: red; 34 | text-decoration: none; 35 | } 36 | 37 | .wrap{ 38 | width: 1000px; 39 | margin: 0 auto; 40 | text-decoration: none; 41 | } 42 | .logo{ 43 | height:80px; 44 | background-color: #fff; 45 | } 46 | .logo_left,.logo_left img{ 47 | width: 200px; 48 | float: left; 49 | height: 80px; 50 | } 51 | 52 | .logo_right{ 53 | width: 300px; 54 | float: right; 55 | line-height: 28px; 56 | margin-top: 26px; 57 | } 58 | .logo_right img{ 59 | vertical-align: middle; 60 | margin-right: 10px; 61 | } 62 | .logo_right span{ 63 | color: red; 64 | font-weight: bold; 65 | } 66 | 67 | .nav{ 68 | height: 40px; 69 | width: 1000px; 70 | background: url(../images/nav_bg.jpg) repeat; 71 | } 72 | 73 | .nav_left{ 74 | width: 700px; 75 | } 76 | .nav_right { 77 | width: 300px; 78 | float: right; 79 | line-height: 40px; 80 | } 81 | 82 | .nav_left ul li{ 83 | list-style-type: none; 84 | float: left; 85 | width: 100px; 86 | text-align: center; 87 | line-height: 40px; 88 | } 89 | .nav_left ul li a:link,.nav_left ul li a:visited{ 90 | text-decoration: none; 91 | color: white; 92 | font-size: 16px; 93 | } 94 | .nav_left ul li a:hover,.nav_left ul li a:active{ 95 | text-decoration: none; 96 | color: yellow; 97 | font-size: 16px; 98 | } 99 | 100 | .nav_right input{ 101 | width: 190px; 102 | height: 25px; 103 | background: url(../images/search.jpg) no-repeat right center; 104 | background-color: #fff; 105 | padding-right: 25px; 106 | border: 0; 107 | } 108 | 109 | .ad{ 110 | height: 310px; 111 | overflow: hidden; 112 | clear: both; 113 | } 114 | 115 | .main{ 116 | height: 250px; 117 | margin-top: 5px; 118 | background-color: #fff; 119 | } 120 | 121 | .news{ 122 | width: 340px; 123 | 124 | } 125 | .course{ 126 | width: 410px; 127 | margin: 0 7px; 128 | } 129 | .sidebar{ 130 | width: 230px; 131 | } 132 | 133 | .news,.course,.sidebar{ 134 | height: 250px; 135 | float: left; 136 | border:1px solid #E8E8E8; 137 | } 138 | 139 | .title{ 140 | height: 35px; 141 | border-bottom: 1px solid #e8e8e8; 142 | } 143 | 144 | .title_left{ 145 | width: 70%; 146 | font-weight: bold; 147 | font-size: 12pt; 148 | font-family: "Hiragino Sans GB W3", "Microsoft YaHei", sans-serif; 149 | color: #a22041; 150 | float: left; 151 | line-height: 35px; 152 | padding-left: 2%; 153 | } 154 | 155 | .title_right{ 156 | width: 25%; 157 | float: right; 158 | line-height: 35px; 159 | 160 | } 161 | 162 | .title a{ 163 | text-decoration: none; 164 | color: #333631; 165 | } 166 | 167 | .pic_news{ 168 | height: 80px; 169 | line-height: 22px; 170 | } 171 | .news_pic img{ 172 | float: left; 173 | margin-right: 10px; 174 | } 175 | 176 | .news_list{ 177 | clear: both; 178 | } 179 | 180 | .news_list li{ 181 | background: url(../images/list.jpg) no-repeat; 182 | list-style-type: none; 183 | padding-left: 10px; 184 | margin: 8px; 185 | border-bottom: 1px dotted #CCC; 186 | height: 17px; 187 | line-height: 17px; 188 | } 189 | 190 | .news_list span{ 191 | float: right; 192 | color: #47585c; 193 | } 194 | 195 | .course_pic{ 196 | height: 120px; 197 | margin: 10px; 198 | line-height: 22px; 199 | } 200 | .course_pic img{ 201 | float: left; 202 | margin: 0 5px; 203 | } 204 | .course_list ul{ 205 | width: 372px; 206 | height: 37px; 207 | margin: 20px auto; 208 | } 209 | .course_list li{ 210 | list-style-type: none; 211 | float: left; 212 | width: 80px; 213 | color: #47585c; 214 | } 215 | .service { 216 | height: 55px; 217 | border: 1px solid #E8E8E8; 218 | } 219 | 220 | .copyright{ 221 | width: 100%; 222 | clear: both; 223 | background-color: #E8e8E8; 224 | margin-top: 10px; 225 | } 226 | 227 | .copyright_content{ 228 | width: 1000px; 229 | height: 180px; 230 | margin: 0 auto; 231 | } 232 | 233 | .copyright_content li{ 234 | list-style-type: none; 235 | float: left; 236 | width: 200px; 237 | text-align: center; 238 | background: url(../images/line.png) no-repeat right center; 239 | font-size: 18px; 240 | font-family: "微软雅黑"; 241 | line-height: 30px; 242 | color: #999; 243 | } 244 | .copyright_content li ul li { 245 | font-size: 14px; 246 | } 247 | 248 | /*新闻页面*/ 249 | .newsbox{ 250 | min-height: 350px; 251 | background-color: #fff; 252 | margin-top: 10px; 253 | } 254 | 255 | .newslist{ 256 | width: 200px; 257 | height: 350px; 258 | float: left; 259 | border: 1px solid #e8e8e8; 260 | } 261 | .newslist h2{ 262 | font-size: 18px; 263 | color: #666； 264 | font-weight: bold; 265 | border-bottom: 2px solid #ebf6f7; 266 | background:url(../images/titile_bg.gif) repeat-x; 267 | padding-left: 20px; 268 | height: 35px; 269 | line-height: 35px; 270 | } 271 | .newslist li ,.newstext li{ 272 | list-style-type: none; 273 | list-style-image: url(../images/list.jpg) ; 274 | background:url(../images/line.png) repeat-x; 275 | height: 30px; 276 | line-height: 30px; 277 | margin-left: 30px; 278 | } 279 | 280 | .newslist a:link,.newslist a:visited{ 281 | text-decoration:none; 282 | color:#333631; 283 | } 284 | 285 | .newslist li a:hover{ 286 | display: block; 287 | color: white; 288 | background-color: #bb5535; 289 | } 290 | .newstext{ 291 | min-height: 350px; 292 | width: 770px; 293 | border: 1px solid #e8e8e8; 294 | float: right; 295 | position: relative; 296 | } 297 | .newstext h2{ 298 | font-size: 18px; 299 | color: #666； 300 | font-weight: bold; 301 | border-bottom: 2px solid #ebf6f7; 302 | background:url(../images/type_bg.png) repeat-x; 303 | padding-left: 20px; 304 | height: 35px; 305 | line-height: 35px; 306 | } 307 | .newstext span{ 308 | float: right; 309 | margin-right: 10px; 310 | } 311 | .page{ 312 | height: 35px; 313 | text-align: center; 314 | position: absolute; 315 | bottom: 10px; 316 | left: 25%; 317 | } 318 | 319 | .page a{ 320 | display: inline-block; 321 | border: 1px solid #e8e8e8; 322 | text-decoration: none; 323 | margin: 5px; 324 | padding: 10px; 325 | } 326 | .page a:hover,.page a:active{ 327 | color: white; 328 | background-color: #e2041b; 329 | } 330 | -------------------------------------------------------------------------------- /0721-3D旋转视频展示区/制作3D旋转视频展示区.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 制作3D旋转视频展示区 7 | 146 | 147 | 148 |
149 |

CSS3 3D变形制作视频展示区

150 |
151 |
152 | 153 | 154 | 澳门风云闻名中外，曾担任美国赌场保安总顾问的魔术手石一坚，终回流澳门退休，更宴请各方朋友到来庆祝生日宴. 155 | 156 |
157 |
158 | 159 |
160 |
161 | 162 | 163 | 改过迁善该剧讲述了金明民饰演的律师在失忆后回顾自己以往的所作所为心生忏悔，为弥补自己犯下的错误而与自己曾经工作过的律师事务所对簿公堂的故事。 164 | 165 |
166 |
167 | 168 |
169 |
170 | 171 | 172 | 父子刑警本剧改编自雫井修介小说《Bitter Blood》。剧中，新晋刑警•佐原夏辉（佐藤健饰）被分配到银座警察 173 | 174 |
175 |
176 | 177 |
178 |
179 | 180 | 181 | 果宝特攻3果宝特攻3,顾名思义是果宝特攻的第二部续集,已在国家广播电影电视总局备案.暂定剧情为:菠萝吹雪偶然间穿越到了古代的水果世界 182 | 183 |
184 |
185 |
186 |
187 | 188 | 189 | 红眼1988年7月16日，从汉城始发的列车发生了一起严重的交通事故，造成100多人死亡。 190 | 191 |
192 |
193 |
194 |
195 | 196 | 197 | 熊出没之夺宝熊兵一场漆黑雨夜的意外事故，一段笑料十足的误打误撞，将两个外表相似却内容各异的箱子调换。 198 | 199 |
200 |
201 |
202 | 203 | 204 | -------------------------------------------------------------------------------- /0706-jQuery-Mobile-列车时刻查询表/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 列车时刻表查询 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 |
15 |

列车时刻表查询

16 |
17 | 18 |
19 |
20 | 21 | 22 |
23 |
24 | 25 | 26 |
27 |
28 | 29 | 30 |
31 | 32 |
    33 |
34 |
35 | 36 |
37 |
38 | 43 |
44 |
45 |
46 | 47 |
48 | 49 |
50 |

列车时刻表查询

51 |
52 | 53 |
54 |

55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 |
站名到站时间出发时间
66 | 返回 67 |
68 | 69 |
70 |
71 | 76 |
77 |
78 |
79 | 80 | 81 | 82 | 202 | 203 | -------------------------------------------------------------------------------- /0528-网页定位导航效果/digou-index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 地狗购物网——网页定位导航效果 6 | 92 | 93 | 128 | 129 | 130 | 140 |
141 |

地狗购物网

142 | 143 |
144 |

1F 男装

145 |
    146 |
    • 147 |
    • 148 |
    • 149 |
    • 150 |
    • 151 |
    • 152 |
    • 153 |
    • 154 |
    • 155 |
156 |
157 |
158 |

2F 女装

159 |
    160 |
    • 161 |
    • 162 |
    • 163 |
    • 164 |
    • 165 |
    • 166 |
    • 167 |
    • 168 |
    • 169 |
170 |
171 |
172 |

3F 美妆

173 |
    174 |
    • 175 |
    • 176 |
    • 177 |
    • 178 |
    • 179 |
    • 180 |
    • 181 |
    • 182 |
    • 183 |
184 |
185 |
186 |

4F 数码

187 |
    188 |
    • 189 |
    • 190 |
    • 191 |
    • 192 |
    • 193 |
    • 194 |
    • 195 |
    • 196 |
    • 197 |
198 |
199 |
200 |

5F 母婴

201 |
    202 |
    • 203 |
    • 204 |
    • 205 |
    • 206 |
    • 207 |
    • 208 |
    • 209 |
    • 210 |
    • 211 |
212 |
213 |
214 | 215 | 216 | -------------------------------------------------------------------------------- /0521-Bootstrap-001/0518-bootstrap导航条.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 0518——bootstrap导航条 9 | 47 | 48 | 49 | 50 | 51 | 94 | 95 | 96 | 156 | 157 |
158 |
159 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
160 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
161 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
162 |
163 |
164 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
165 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
166 |
167 | 168 |
169 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
170 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
171 |
172 | 173 |
174 |
慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
175 |
176 |
177 |
178 | 179 |
180 | 181 | 182 | 188 | 189 | 190 |
191 |
192 |

Google Chrome是一款快速、简单且安全的网络浏览器,能很好地满足新型网站对浏览器的要求。

193 |
194 |
195 |
196 |
197 |

基于Bootstrap实现下图所示效果的页面，一个标签页，页面载入完毕后，默认打开第二个标签

198 |
199 |
200 |
201 |
202 |

Firefox火狐浏览器,全新升级—快速、安全、免费、开源,让您轻松控制网络,全球5亿用户都在用!马上在Windows、Mac、Linux、Android和iOS上使用火狐浏览器吧! 203 |

204 |
205 |
206 |

通过欧朋官方下载网站,您可以免费、快速、安全地下载欧朋浏览器、欧朋流量宝等高质量的手机必备软件。全球最流行的手机浏览器!

207 |
208 | 209 |
210 | 211 | 212 | 213 | 214 | 220 | 221 | 222 | -------------------------------------------------------------------------------- /0615-模仿企业首页/js/myfocus-2.0.1.min.js: -------------------------------------------------------------------------------- 1 | /*! myFocus v2.0.1 | http://cosmissy.com/ */ 2 | eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(7(){8 q=7(a){u N a===\'20\'?Y.5o(a):a},$O=7(a,b){u(q(b)||Y).5j(a)},$3d=7(a,b){u $2f(a,b,\'O\')},$1x=7(a,b){8 c=$O(\'*\',b),1a=[];G(8 i=0,l=c.M;i\':15=y;12;1f\'.\':8 g=s.2A(1);8 h=15?$3u:$1x;$(c).1s(7(){f=f.4T(h(g,6))});15=I;12;1f\'#\':8 j=s.2A(1),e=q(j);9(e)f.E(q(j));15=I;12;2o:8 h=15?$3d:$O,27=s.4S(\'.\');8 k=27[0],g=27[1];$(c).1s(7(){8 a=h(k,6);G(8 i=0,x=a.M;i+~,(\\[\\\\]+)+|[>+~])(\\s*,\\s*)?/g;8 c=[],m;4M((m=b.4L(a))!==1F){c.E(m[1])}u c},1J:7(a){8 o=6[0],e=Y.1D(\'1k\');e.W=a;8 b=e.3v;o.1b.4C(b,o);b.1M(o);u 6},2J:7(a){8 b=6[0];8 e=Y.1D(\'1k\');e.W=a;8 c=e.4A[0];b.1M(c);u v(c)},1T:7(a,b){8 c=6.1h,n=6.1E;8 d=[\'<1k 1x="\'+a+\'"><1u>\'];G(8 i=0;i\'+(i+1)+\'\';12;1f\'1V\':10=e?c[i].W.1m(/\\/i,e.2S)+\'

\'+e.29("1q")+\'

\':\'\';12;1f\'1Z\':10=e?\'\':\'\';12;2o:10=\'\'}d.E(\'<1W>\'+10+\'\')}d.E(\'\');u 6.2J(d.1p(\'\'))},4y:7(a){u 6.1T(a||\'25\',\'25\')},4x:7(a){u 6.1T(a||\'1V\',\'1V\')},4t:7(a){u 6.1T(a||\'1Z\',\'1Z\')},37:7(){8 o=6[0];9(o)o.1b.4s(o)},4q:7(n){8 n=n||2,1H=6[0].1b,10=1H.W,s=[];G(8 i=0;i0?\'47\':\'46\',1d=\'36\'+a,2g=k[30?\'2L\':\'2M\'],38=(2H 39)*1;o[1d]&&1L(o[1d]);o[1d]=2i(7(){8 t=(2H 39)-38;9(t<=d){2g.P(k,e(t,b,c,d),a,m)}L{2g.P(k,b+c,a,m);1L(o[1d]),o[1d]=1F;j&&j.P(o)}},13);u 6},42:7(a,b,c){9(N a!==\'1Y\')c=a,a=3f;9(N b===\'7\')c=b,b=\'\';6.1I(\'X\',1,a,b||\'2l\',7(){v(6).B({1O:\'40\',X:0})},c);u 6},3Z:7(a,b,c){9(N a!==\'1Y\')c=a,a=3f;9(N b===\'7\')c=b,b=\'\';6.1I(\'X\',0,a,b||\'2l\',1F,7(){6.R.1O=\'1P\';c&&c.P(6)});u 6},3l:7(a,b,c,d){9(N b!==\'1Y\')d=b,b=3X;9(N c===\'7\')d=c,c=\'\';G(8 p 1U a)6.1I(p,a[p],b,c||\'2p\',1F,d);u 6},3W:7(){8 o=6[0];G(8 p 1U o)9(p.3p(\'36\')!==-1)o[p]&&1L(o[p]);u 6},32:{2l:7(t,b,c,d){u c*t/d+b},3V:7(t,b,c,d){u-c/2*(22.3U(22.3P*t/d)-1)+b},3O:7(t,b,c,d){u c*(t/=d)*t*t*t+b},2p:7(t,b,c,d){u-c*((t=t/d-1)*t*t*t-1)+b},3N:7(t,b,c,d){u((t/=d/2)<1)?(c/2*t*t*t*t+b):(-c/2*((t-=2)*t*t*t-2)+b)}}});v.U.J({14:7(a,b){v.2x(6[0],a,b);u 6},4B:7(b,c,d){8 f=6,p=f.2y,n=f.1E,t=p.3F*3y,d=d||I,1o=v(f.1h).B(\'1o\'),1l=1o===\'1A\',2B=1l?\'1A\':\'2C\',1B=1l?p.S:p.T,1e=0,K=p.18;f.1j(\'.2G\').37();f.1g=7(a){b&&b(1e,n);K=N a===\'20\'?1e+3M(a.1m(\'=\',\'\')):a;9(K<=-1){K=n-1;9(d)f.1h[0].1b.R[2B]=-n*1B+\'Q\'}9(K>=n){9(!d)K=0;9(K>=2*n){f.1h[0].1b.R[2B]=-(n-1)*1B+\'Q\';K=n}}9(d&&1e>=n&&K=6.1t){6.1t=i0?i-1:0;6.1t=6.1c+6.2e-1}B[1N]=-6.1c*6.1B;$1u.3l(B,a||4b,\'2p\');u 6}});v.J({2W:7(p,b){8 F=6,H=p.H,16=F.2T(H);p.D=p.D||F.2F.D;p.19=p.D+\'4h\'+H;F.2x(3H,\'3G\',7(){F.2E=y});F.3x(p,7(){p=F.J({},F.2F,F.2b[p.D],p);F.3t(p,7(){8 a=F(q(H));p.S=p.S||a.B(\'S\'),p.T=p.T||a.B(\'T\');F.3s(p,a,16);F.3q(a);a.23(p.D+\' \'+p.19);F.3o(p,7(){F.D[p.D](p,F);b&&b()})})})},2E:I,3x:7(p,a){9(6.D[p.D]){a();u}8 b=6.3g()+\'4p-D/\'+p.D;8 c=Y.1D("3b"),B=Y.1D("4r"),V=b+\'.3a\',2j=b+\'.B\';c.1i="1q/4u",c.V=V;B.4v="4w",B.2j=2j;8 d=$O(\'34\')[0],2h=0,2R=4z;d.1M(B);d.1M(c);c.3D=c.3L=7(){9(!c.2z||c.2z=="4D"||c.2z=="4E")a(),2h=1};1y(7(){9(!2h)3e(\'4F 4G 3G: \'+V)},2R)},3g:7(){8 a=\'\';8 b=$O("3b");G(8 i=0,x=b.M;i\');c.E(\'.\'+p.19+\' *{4O:0;35:0;4Q:0;4R-R:1P;}.\'+p.19+\'{28:2K;S:\'+w+\'Q;T:\'+h+\'Q;2s:2k;4W:4X/1.5 4Y;1q-3n:1A;3i:#2U;51:52!2N;}.\'+p.19+\' .2G{28:53;z-18:54;S:1n%;T:1n%;55:#56;1q-3n:57;35-2C:\'+0.26*h+\'Q;3i:#2U;}.\'+p.19+\' .58{28:2K;S:\'+w+\'Q;T:\'+h+\'Q;2s:2k;}.\'+p.19+\' .1V 1W{S:\'+w+\'Q;T:\'+p.3r+\'Q!2N;2s:2k;}\');1K{b.31.2I=c.1p(\'\')}21(e){b.W=c.1p(\'\')}},2T:7(a){8 s=\'#\'+a+\' *{1O:1P}\',16=Y.1D(\'R\');16.1i=\'1q/B\';1K{16.31.2I=s}21(e){16.W=s}8 b=$O(\'34\',Y)[0];b.5a(16,b.3v);u 16},3q:7(a){8 b=a.1j(\'.2G\'),$C=b.1j(\'C\'),C=$C[0];9($C.M){b.2J(\'

\'+C.2S+\'

\');9(!C.29(\'V\'))C.R.1O=\'1P\'}}});v.J({17:!!(Y.5b&&5c.5d.3p(\'5e\')===-1),2x:7(o,a,b){8 c=6.17,e=c?\'5f\':\'5g\',t=(c?\'5h\':\'\')+a;o[e](t,7(e){8 e=e||3H.5i,33=b.P(o,e);9(33===I){9(c)e.5k=y,e.5l=I;L e.5m(),e.5n()}},I)}});9(N 2O!==\'2d\'){2O.U.J({v:7(p,a){9(!p)p={};p.H=6[0].H;9(!p.H)p.H=6[0].H=\'5p\';v.2W(p,a)}})}})();',62,336,'||||||this|function|var|if|||||||||||||||||||||return|myFocus||len|true|||css|img|pattern|push||for|id|false|extend|indexCurrent|else|length|typeof|tag|call|px|style|width|height|fn|src|innerHTML|opacity|document||html|value|break||bind|isChild|oStyle|isIE|index|__clsName|arr|parentNode|showStart|timerId|indexLast|case|run|HTMLUList|type|find|div|isLevel|replace|100|float|join|text|done|each|showEnd|ul|prototype|delay|class|setTimeout|dest|left|distance|doms|createElement|HTMLUListLength|null|Array|pNode|animate|wrap|try|clearInterval|appendChild|dir|display|none|tsNum|constr|mouseover|addList|in|txt|li|className|number|thumb|string|catch|Math|addClass|cls|num||sArr|position|getAttribute|trigger|config|diffValue|undefined|showNum|getChild|setProperty|isSuccess|setInterval|href|hidden|linear|click|mouseoverTimer|default|easeOut|count|par|overflow|mouseout|hasClass|runTimer|test|addEvent|settings|readyState|slice|direction|top|auto|onloadWindow|defConfig|loading|new|cssText|addHtml|relative|setOpacity|setAnimateStyle|important|jQuery|removeClass|loadIMGTimeout|timeout|alt|initBaseCSS|fff|continue|set|slideBody|parent|splice|isOpacity|styleSheet|easing|flag|head|padding|__myFocusTimer__|remove|origTime|Date|js|script|__focusConstr__|tag_|alert|400|getFilePath|parseSelector|background|hover|switch|slide|thumbShowNum|align|getIMGReady|indexOf|initHTML|txtHeight|initCSS|getBoxReady|class_|firstChild|eval|loadPattern|1000|reg|arguments|parseFloat|isNaN|onload|cssNumber|time|load|window|filter|runIndex|alpha|onreadystatechange|parseInt|easeInOut|easeIn|PI|isStop|onfocus|blur|bindControl|cos|swing|stop|800|isRunning|fadeOut|block|clearTimeout|fadeIn|Error|Setting|right|floor|ceil|zoom|zIndex|scrollTo|500|widows|orphans|lineHeight|fontWeight|fillOpacity|_|toUpperCase|offset|getComputedStyle|currentStyle|cssFloat|styleFloat|nodeName|mf|repeat|link|removeChild|addListThumb|javascript|rel|stylesheet|addListTxt|addListNum|3000|childNodes|play|replaceChild|loaded|complete|Failed|to|myfocus|lastIndexOf|doScroll|callee|exec|while|_wrap|margin|eq|border|list|split|concat|charAt|item|font|12px|Verdana|sort|instanceof|visibility|visible|absolute|9999|color|666|center|pic|mF_fancy|insertBefore|all|navigator|userAgent|Opera|attachEvent|addEventListener|on|event|getElementsByTagName|cancelBubble|returnValue|stopPropagation|preventDefault|getElementById|mF__ID__'.split('|'),0,{})) -------------------------------------------------------------------------------- /0517-企业管理系统后台（Bootstrap）/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 某管理系统 8 | 9 | 10 | 14 | 53 | 54 | 55 | 56 | 57 | 97 |
98 |
99 |
100 | 112 |
113 |
114 |
115 |

管理控制台

116 |
117 |
118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 |
130 | 131 |
132 |
133 |
134 |
最新提醒
135 |
136 | 139 | 140 | 143 | 146 |
147 |
148 |
149 |
150 |
151 |
我的任务
152 |
153 |
    154 |
  • 订单审批42
    • 155 |
156 |
    157 |
  • 收款确认20
    • 158 |
159 |
    160 |
  • 付款确认10
    • 161 |
162 |
163 |
164 |
165 |
166 | 167 |
168 |
169 |
170 |
171 | 最近订单 172 |
173 |
174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 |
#产品数量总金额业务员
1Apple Macbook air1080000王小贱
2Apple iPad air2065000尹开花
3Apple Macbook pro550000刘老根
208 | 209 |
210 |
211 |
212 |
213 |
214 |
215 | 工程进度 216 |
217 |
218 |
219 |
220 | 221 |
222 |
223 |
224 |
225 |
226 |
227 | 60% Complete 228 |
229 |
230 |
231 |
232 |
233 |
234 | 235 |
236 |
237 |
238 |
239 |
240 |
241 |
242 | 80% Complete (danger) 243 |
244 |
245 |
246 |
247 |
248 |
249 |
250 |
251 |
252 | 253 |
254 |
255 |
256 | 257 | 258 | 259 | 260 | 261 | 262 | -------------------------------------------------------------------------------- /0723-APlayer/demo.js: -------------------------------------------------------------------------------- 1 | var ap1 = new APlayer({ 2 | element: document.getElementById('player1'), 3 | narrow: false, 4 | autoplay: true, 5 | showlrc: false, 6 | mutex: true, 7 | theme: '#e6d0b2', 8 | preload: 'metadata', 9 | music: { 10 | title: 'Preparation', 11 | author: 'Hans Zimmer/Richard Harvey', 12 | url: 'http://devtest.qiniudn.com/Preparation.mp3', 13 | pic: 'http://devtest.qiniudn.com/Preparation.jpg' 14 | } 15 | }); 16 | ap1.init(); 17 | 18 | 19 | var ap3 = new APlayer({ 20 | element: document.getElementById('player3'), 21 | narrow: false, 22 | autoplay: false, 23 | showlrc: 1, 24 | mutex: true, 25 | theme: '#615754', 26 | music: { 27 | title: '回レ！雪月花', 28 | author: '小倉唯', 29 | url: 'http://devtest.qiniudn.com/回レ！雪月花.mp3', 30 | pic: 'http://devtest.qiniudn.com/回レ！雪月花.jpg', 31 | lrc: "[by:京兆万年]\n[ti:回レ!雪月花 小紫ver.]\n[ar:小倉唯]\n[lr:ヒゲドライバー]\n[co:ヒゲドライバー]\n[ag:ヒゲドライバー]\n[00:00.00]せ〜の　いちにっさんはい！（预~备 一 二 三 嗨！）\n[00:04.68]ほい！　いよーーーーっ　ぽん！（嘿 咿哟 嘭）\n[00:07.66]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[00:11.12]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜~）\n[00:13.36]さぁさぁさぁ（来 来 来）\n[00:14.08]これよりご覧いただきますは（接下来诸位将欣赏到的是）\n[00:15.65]カブキ者たちの栄枯盛衰（歌舞伎演员们的荣辱盛衰）\n[00:17.14]時代常に日進月歩（时代总是在日新月异）\n[00:18.24]聞いてってよ老若男女（且听我一一道来 男女老少）\n[00:20.14]一見は勧善懲悪（乍一看是惩恶扬善）\n[00:21.49]悪者どもを一刀両断（将坏人们一刀两断）\n[00:22.85]「でもホンドにそれだけで楽しいの？」（“但是你真的会因此而觉得扬眉吐气吗？”）\n[00:25.63]もうなんだって蒟蒻問答（无论问什么 都是牛头马嘴）\n[00:27.58]ハッハッハッハッハッハッハィヤ（哈哈哈哈哈哈 咿呀）\n[00:30.57]ハッハッハッハッ（哈哈哈哈）\n[00:31.97]いよーーーーっ　ぽん！（咿哟 嘭）\n[00:33.61]どこからともなく現れて（自何处出现委实难料）\n[00:34.96]すぐどこかへ行っちゃって神出鬼沒（眼又遁隐他处总是神出鬼没）\n[00:36.35]チャンスを待ったら一日千秋（若是静候机会 便是一日千秋）\n[00:38.03]追いかければ東奔西走（追上前去的话又要东奔西走）\n[00:39.68]時代常に千変万化（时代总是千变万化）\n[00:40.95]人の心は複雑怪奇（世人之心复杂怪奇）\n[00:42.31]「でも本気でそんなこ言ってんの？」（“但是说着这些话的你岂不也是难免戏谑?”）\n[00:45.02]もうどうにも満身創痍（也罢 无论怎样都将满身疮痍）\n[00:46.98]嗚呼、巡り巡って夜の町（呜呼 绕来绕去相会在这夜色下的街）\n[00:53.27]キミは合図出し踊りだす（（由）你发出信号 （让）我们一同起舞转）\n[00:58.12]はぁ～（哈呜~）\n[00:58.88]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）\n[01:02.12]華麗に花弁　散らすように（在散落的美丽花瓣中）\n[01:04.97]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）\n[01:08.13]髪も振り乱して（头发凌乱又怎样？）\n[01:10.23]一昨日、昨日、今日と、明日と、明後日と（前日、昨日、今日、明日、后日）\n[01:14.13]この宴は続く（这场宴会亦不息）\n[01:16.31]踊レ、歌エ、一心不乱に回レ！（舞动吧 歌唱吧 一心不乱的旋转吧于）\n[01:20.19]今宵は雪月花（今夜的雪月花）\n[01:25.43]ほい！　いよーーーーっ　ぽん！（哈～!～哟ーーーー～嘣～!）\n[01:29.14]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[01:32.16]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜）\n[01:34.39]ねぇねぇねぇ（呐～呐～呐～）\n[01:35.12]この世に平安訪れるの？（平安已经访问此世了吗?）\n[01:36.50]のべつ幕無し丁丁発止（不会闭幕的丁当争斗）\n[01:38.09]兵ども千客万来（官兵们接踵而来）\n[01:39.50]ひしめき合群雄割拠（相互吵吵嚷嚷群雄割据）\n[01:41.00]伸るか反るか一攫千金（成败在于敢否一举千金）\n[01:42.47]気が付いたら絶体絶命（回过头来却已穷途末路）\n[01:43.50]「でも本音のとこ、どうなってんの？」（「不过真心的所在、到底是什么样呢?」）\n[01:46.62]もうまったく奇想天外（真是的总这么异想天开）\n[01:48.51]嗚呼、辿り辿って夜の町（呜呼、追溯于夜晚小镇上）\n[01:54.83]迷い一つなく踊りだす（心无杂念的就此起舞吧）\n[01:59.68]はぁ～（哈阿～）\n[02:00.44]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[02:03.64]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）\n[02:06.49]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[02:09.66]髪も振り乱して（长发也随风飘散）\n[02:11.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）\n[02:15.63]この宴は続く（这宴会还会持续）\n[02:17.67]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）\n[02:21.60]今宵は雪月花（因为今宵乃是雪月花）\n[02:36.74]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[02:39.72]ハッハッハッハッハッハッ　さぁさぁさぁ（哈 哈 哈 哈 哈 哈 来～来～来～）\n[02:42.45]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[02:45.49]ハッハッハッハッハッハッ（哈 哈 哈 哈 哈 哈）\n[02:47.66]花で一つ、鳥で二つ（花就是一、鸟就是二）\n[02:51.31]手打ち鳴らす（拍着手轻声唱）\n[02:54.12]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）\n[02:58.76]鳴らす鳴らす……（轻声唱轻轻唱……）\n[03:00.09]花で一つ、鳥で二つ（花就是一、鸟就是二）\n[03:03.34]手打ち鳴らす（拍着手轻声唱）\n[03:06.25]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）\n[03:10.78]鳴らす鳴らす……（轻轻唱轻声唱……）\n[03:13.28]今は（在此）\n[03:15.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[03:18.63]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）\n[03:21.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[03:24.60]髪も振り乱して（长发也随风飘散）\n[03:26.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）\n[03:30.67]この宴は続く（这宴会不会结束）\n[03:32.75]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）\n[03:36.63]今宵は何曜日か？（今宵是星期几呢?）\n[03:39.02]水木金？（三四五?）\n[03:40.56]土日月火？（六七一二?）\n[03:44.11]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[03:47.00]ハッハッハッハッ（哈 哈 哈 哈 哈 哈）\n[03:48.57]いよーーーーっ　ぽん！（～哟ーーーー～嘣～!）\n[03:50.43]-終わり-（-End-）" 32 | } 33 | }); 34 | ap3.init(); 35 | 36 | var ap4 = new APlayer({ 37 | element: document.getElementById('player4'), 38 | narrow: false, 39 | autoplay: false, 40 | showlrc: false, 41 | mutex: true, 42 | theme: '#ad7a86', 43 | music: [ 44 | { 45 | title: 'あっちゅ～ま青春!', 46 | author: '七森中☆ごらく部', 47 | url: 'http://devtest.qiniudn.com/あっちゅ～ま青春!.mp3', 48 | pic: 'http://devtest.qiniudn.com/あっちゅ～ま青春!.jpg' 49 | }, 50 | { 51 | title: 'secret base~君がくれたもの~', 52 | author: '茅野愛衣', 53 | url: 'http://devtest.qiniudn.com/secret base~.mp3', 54 | pic: 'http://devtest.qiniudn.com/secret base~.jpg' 55 | }, 56 | { 57 | title: '回レ！雪月花', 58 | author: '小倉唯', 59 | url: 'http://devtest.qiniudn.com/回レ！雪月花.mp3', 60 | pic: 'http://devtest.qiniudn.com/回レ！雪月花.jpg' 61 | } 62 | ] 63 | }); 64 | ap4.init(); 65 | 66 | var ap5 = new APlayer({ 67 | element: document.getElementById('player5'), 68 | narrow: false, 69 | autoplay: false, 70 | showlrc: 1, 71 | mutex: true, 72 | theme: '#ad7a86', 73 | music: [ 74 | { 75 | title: 'あっちゅ～ま青春!', 76 | author: '七森中☆ごらく部', 77 | url: 'http://devtest.qiniudn.com/あっちゅ～ま青春!.mp3', 78 | pic: 'http://devtest.qiniudn.com/あっちゅ～ま青春!.jpg', 79 | lrc: "[ti:あっちゅ～ま青春!]\n[ar:七森中☆ごらく部]\n[al:あっちゅ～ま青春!]\n[00:00.76]青春オーライ 青春オーエス 青春謳歌 はりきって行くぞ（青春 All right 青春 Oh Hisse 青春讴歌 鼓足干劲上吧！）\n[00:05.96]青春ドンマイ 青春ファイト 青春最高（青春 Don't Mind 青春 Fight 青春最棒了！）\n[00:09.67]Yeah!! Yeah!! Yeah!! Yeah!!\n[00:12.21]青春はじめよう 1・2・さん☆ハイ！（让青春起步吧！ 1·2·三☆OK！）\n[00:14.78]ひとまず走るぞ 1・2・さん☆ハイ！（不管如何先跑起来吧！ 1·2·三☆OK！）\n[00:17.32]みんなが笑顔で 1・2・さん☆ハイ！（大家都露出笑脸！ 1·2·三☆OK！）\n[00:19.95]これが青春だ 1・2・さん☆ハイ！（这就是青春！ 1·2·三☆OK！）\n[00:22.71]春！ 桜もちを食べよう 夏！ かき氷で決まり（春天！ 来吃樱叶饼吧 夏天！ 就决定是刨冰啦）\n[00:27.89]秋！ 焼きいもを頬張り 冬！ 雪でまたかき氷（秋天！ 把烤白薯大口塞进嘴里 冬天！ 在雪里面又是刨冰）\n[00:32.57]もういっちょ☆（再来☆）\n[00:33.16]春！ 教室を間違えて 夏！ 宿題を忘れて（春天！ 进错了教室 夏天！ 把作业忘掉了）\n[00:38.37]秋！ マラソンでビリケツ 冬！ こたつに長期滞在（秋天！ 马拉松最后一名 冬天！ 长期居住在暖炉里）\n[00:43.61]1年365日 ときどき366日（一年中的365天 有时候是366天）\n[00:48.69]色々あるけど 全力！全開！ 全身全霊！ 楽しもうよ よーよよよよ（虽然会发生很多事情，但是一起尽力尽兴！全心全意！享受每一天吧！吧~吧吧吧吧）\n[00:55.23]「えんじょい！えんじょい！じょじょじょじょじょい！」（「享受吧！享受吧！ 吧吧吧吧吧！」）\n[00:57.83]あっちゅ～ま青春！ まぶし～いよ青春！（转瞬即逝的青春！ 灿烂无比的青春！）\n[01:03.17]眠気さよなら ココロの瞳をぱっちりあけよう（向困意说拜拜 把心灵的眼睛睁得大大的吧）\n[01:08.42]あっちゅ～ま青春！ 猛スピード青春！（转瞬即逝的青春！ 飞速前进的青春！）\n[01:13.64]まばたきしてちゃ おいしいところ見逃しちゃうよ 注意！（要是乱眨眼睛的话 就会把美味的时光错过了的啦！ 要注意哦！）\n[01:18.87]青春オーライ 青春オーエス 青春謳歌 はりきって行くぞ（青春 All right 青春 Oh Hisse 青春讴歌 鼓足干劲上吧！）\n[01:24.17]青春ドンマイ 青春ファイト 青春最高（青春 Don't Mind（别在意） 青春 Fight（奋斗） 青春最棒了！）\n[01:27.85]Yeah!! Yeah!! Yeah!! Yeah!!\n[01:30.44]朝！ ニワトリに追いかけられ 昼！ まさかのテスト0点（早上！被鸡到处追着跑 中午！ 考试没想到竟然零分！）\n[01:35.72]放課後！ みんなに励まされて 夜！ 今日は寝て忘れましょう（放学后！ 大家给我加油 晚上！今天就睡觉把烦恼忘掉吧！）\n[01:40.35]次の日～っ☆（第二天～☆）\n[01:40.84]朝！ ぎりぎり社長出勤 昼！ 給食をおかわり（早上！差点就迟到了 中午！食堂的饭再来一份）\n[01:46.10]放課後！ 部室でダラダララ～ 夜！ 長電話止まらない（放学后！ 在部团教室懒散度过 晚上！ 煲电话粥停不下来）\n[01:51.32]1日いつでも24時間 巻くこと押すことどちらもできない（一天永远都是24小时 既不会提前也不会延后）\n[01:56.52]やりたいことなら貪欲強欲 別腹パッパラやり尽そうよ よーよよよよ（如果是想做的事情的话 就要贪婪地去追求 开启第二个胃 去把所有想干的事情都做了吧！）\n[02:02.95]「わっしょい！わっしょい！しょしょしょしょしょい！」（「欧耶！ 欧耶！ 耶耶耶耶耶！」）\n[02:05.58]あっちゅ～ま青春！ 楽し～いよ青春！（转瞬即逝的青春！ 快乐无比的青春！）\n[02:11.06]春に始まり春に向かってく 思い出つくろう（开始在春天的青春 为了这个春天 一起创造回忆吧）\n[02:16.23]あっちゅ～ま青春！ 青い春だ青春！（转瞬即逝的青春！ 青色的春天就是……青春！）\n[02:21.40]ブルーなキモチ みんなといるとカラフルになる 不思議！（那些忧郁的心情 只要和大家在一起就会变得色彩缤纷 真是不可思议！）\n[02:26.82]青春オーライ 青春オーエス 青春謳歌 はりきって行くぞ（青春 All right 青春 Oh Hisse 青春讴歌 鼓足干劲上吧！）\n[02:31.99]青春ドンマイ 青春ファイト 青春最高（青春 Don't Mind 青春 Fight 青春最棒了！）\n[02:35.68]Yeah!! Yeah!! Yeah!! Yeah!!\n[02:47.61]あっちゅ～ま青春！ まぶし～いよ青春！（转瞬即逝的青春！ 灿烂无比的青春！）\n[02:52.67]眠気さよなら ココロの瞳をぱっちりあけよう（向困意说拜拜 把心灵的眼睛睁得大大的吧）\n[02:58.01]あっちゅ～ま青春！ 猛スピード青春！（转瞬即逝的青春！ 飞速前进的青春！）\n[03:03.22]まばたきしてちゃ おいしいところ見逃しちゃうよ 注意！（要是乱眨眼睛的话 就会把美味的时光错过了的啦！ 要注意哦！）\n[03:08.56]あっちゅ～ま青春！ にぎや～かな青春！（转瞬即逝的青春！ 热热闹闹的青春！）\n[03:13.68]今が青春 感じられた日はステキな日だよ（现在就是能感受到青春的 最棒的日子哦）\n[03:18.86]あっちゅ～ま青春！ 二度と来ない青春！（转瞬即逝的青春！ 一去不复返的青春！）\n[03:24.07]気付けばいつも私の青春 キミがいるんだ キ・セ・キ（回过神来 在我的青春中都有你在身边 真・是・奇・迹）\n[03:29.41]青春オーライ 青春オーエス 青春謳歌 はりきって行くぞ（青春 All right 青春 Oh Hisse 青春讴歌 鼓足干劲上吧！）\n[03:34.56]青春ドンマイ 青春ファイト 青春最高（青春 Don't Mind 青春 Fight 青春最棒了！）\n[03:38.23]Yeah!! Yeah!! Yeah!! Yeah!!" 80 | }, 81 | { 82 | title: 'secret base~君がくれたもの~', 83 | author: '茅野愛衣', 84 | url: 'http://devtest.qiniudn.com/secret base~.mp3', 85 | pic: 'http://devtest.qiniudn.com/secret base~.jpg', 86 | lrc: "[00:00.230]君と夏の終わり 将来の夢（与你在夏末约定　将来的梦想）\n[00:04.170]大きな希望 忘れない（远大的希望　不要忘记了）\n[00:07.170]10年後の8月（我相信　十年後的八月）\n[00:09.700]また出会えるのを 信じて（我们还能再相遇）\n[00:14.360]最高の思い出を…（共划美好的回忆）\n[00:39.960]出会いは ふっとした 瞬間 帰り道の交差点で（相识　是那麼不经意的瞬间　我在回家途中的十字路口）\n[00:47.050]声をかけてくれたね 「一緒に帰ろう」（听见你的一声〞一起回家吧〞）\n[00:54.310]僕は 照れくさそうに カバンで顔を隠しながら（我当时有点尴尬　还拿书包遮著脸）\n[01:01.470]本当は とても とても 嬉しかったよ（其实我　心里好高兴　真的好高兴）\n[01:08.590]あぁ 花火が夜空 きれいに咲いて ちょっとセツナク（啊！烟火在夜空中　灿烂盛开　几许伤感）\n[01:15.770]あぁ 風が時間とともに 流れる（啊！风随着时光流逝）\n[01:22.580]嬉しくって 楽しくって 冒険も いろいろしたね（满心欢喜地　兴致冲冲地　我们四处探险）\n[01:29.760]二人の 秘密の 基地の中（就在我们的　秘密基地中）\n[01:36.740]君と夏の終わり 将来の夢 大きな希望 忘れない（与你在夏末约定　将来的梦想　远大的希望　不要忘记了）\n[01:43.920]10年後の8月 また出会えるのを 信じて（我相信　十年後的八月　我们还能再相遇）\n[01:51.010]君が最後まで 心から 「ありがとう」叫んでいたこと（我知道　一直到最後）\n[01:56.930]知っていたよ（你仍在心底呼喊著〞谢谢你〞）\n[01:58.200]涙をこらえて 笑顔でさようなら せつないよね（强忍著泪水　笑著说再见　无限感叹涌现）\n[02:05.420]最高の思い出を…（那一段最美好的回忆…）\n[02:13.070]あぁ 夏休みも あと少しで 終っちゃうから（啊！暑假就快要过完了）\n[02:20.310]あぁ 太陽と月 仲良くして（啊！太阳和月亮　默契十足）\n[02:27.080]悲しくって 寂しくって 喧嘩も いろいろしたね（想到令人悲伤　或许有些寂寥　我们也多有争吵）\n[02:34.160]二人の 秘密の 基地の中（就在我们的　秘密基地中）\n[02:41.140]君が最後まで 心から 「ありがとう」叫んでいたこと（我知道　一直到最後）\n[02:47.000]知っていたよ（你仍在心底呼喊著〞谢谢你）\n[02:48.340]涙をこらえて 笑顔でさようなら せつないよね（强忍著泪水　笑著说再见　无限感叹涌现）\n[02:55.630]最高の思い出を…（那一段最美好的回忆）\n[03:03.320]突然の 転校で どうしようもなく（你突然要转学　你我都可奈何）\n[03:24.190]手紙 書くよ 電話もするよ 忘れないでね 僕のことを（我会写信给你　也会打电话给你　千万不要忘记我）\n[03:31.420]いつまでも 二人の 基地の中（永远别忘记　那段在秘密基地中的日子）\n[03:38.520]君と夏の終わり ずっと話して（与你在夏末　聊了这麼多）\n[03:42.530]夕日を見てから星を眺め（从黄昏到繁星点点）\n[03:45.670]君の頬を 流れた涙は ずっと忘れない（流过你双颊的泪水　我永远不会忘记）\n[03:52.820]君が最後まで 大きく手を振ってくれたこと（直到最後　你紧紧握住我的手　这感觉也将长在我心中）\n[03:58.540]きっと忘れない（於是就这样）\n[03:59.930]だから こうして 夢の中で ずっと永遠に…（让我们在梦中相会吧　永远的…）\n[04:07.110]君と夏の終わり 将来の夢 大きな希望 忘れない（与你在夏末约定　将来的梦想　远大的希望　不要忘记了）\n[04:14.270]10年後の8月 また出会えるのを 信じて（我相信　十年後的八月　我们还能再相遇）\n[04:21.400]君が最後まで 心から 「ありがとう」叫んでいたこと（我知道　一直到最後）\n[04:27.260]知っていたよ（你仍在心底呼喊著〞谢谢你〞）\n[04:28.640]涙をこらえて 笑顔でさようなら せつないよね（强忍著泪水　笑著说再见　无限感叹涌现）\n[04:35.910]最高の思い出を…（那一段最美好的回忆…）\n[04:43.160]最高の思い出を…（那一段最美好的回忆…）" 87 | }, 88 | { 89 | title: '回レ！雪月花', 90 | author: '小倉唯', 91 | url: 'http://devtest.qiniudn.com/回レ！雪月花.mp3', 92 | pic: 'http://devtest.qiniudn.com/回レ！雪月花.jpg', 93 | lrc: "[by:京兆万年]\n[ti:回レ!雪月花 小紫ver.]\n[ar:小倉唯]\n[lr:ヒゲドライバー]\n[co:ヒゲドライバー]\n[ag:ヒゲドライバー]\n[00:00.00]せ〜の　いちにっさんはい！（预~备 一 二 三 嗨！）\n[00:04.68]ほい！　いよーーーーっ　ぽん！（嘿 咿哟 嘭）\n[00:07.66]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[00:11.12]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜~）\n[00:13.36]さぁさぁさぁ（来 来 来）\n[00:14.08]これよりご覧いただきますは（接下来诸位将欣赏到的是）\n[00:15.65]カブキ者たちの栄枯盛衰（歌舞伎演员们的荣辱盛衰）\n[00:17.14]時代常に日進月歩（时代总是在日新月异）\n[00:18.24]聞いてってよ老若男女（且听我一一道来 男女老少）\n[00:20.14]一見は勧善懲悪（乍一看是惩恶扬善）\n[00:21.49]悪者どもを一刀両断（将坏人们一刀两断）\n[00:22.85]「でもホンドにそれだけで楽しいの？」（“但是你真的会因此而觉得扬眉吐气吗？”）\n[00:25.63]もうなんだって蒟蒻問答（无论问什么 都是牛头马嘴）\n[00:27.58]ハッハッハッハッハッハッハィヤ（哈哈哈哈哈哈 咿呀）\n[00:30.57]ハッハッハッハッ（哈哈哈哈）\n[00:31.97]いよーーーーっ　ぽん！（咿哟 嘭）\n[00:33.61]どこからともなく現れて（自何处出现委实难料）\n[00:34.96]すぐどこかへ行っちゃって神出鬼沒（眼又遁隐他处总是神出鬼没）\n[00:36.35]チャンスを待ったら一日千秋（若是静候机会 便是一日千秋）\n[00:38.03]追いかければ東奔西走（追上前去的话又要东奔西走）\n[00:39.68]時代常に千変万化（时代总是千变万化）\n[00:40.95]人の心は複雑怪奇（世人之心复杂怪奇）\n[00:42.31]「でも本気でそんなこ言ってんの？」（“但是说着这些话的你岂不也是难免戏谑?”）\n[00:45.02]もうどうにも満身創痍（也罢 无论怎样都将满身疮痍）\n[00:46.98]嗚呼、巡り巡って夜の町（呜呼 绕来绕去相会在这夜色下的街）\n[00:53.27]キミは合図出し踊りだす（（由）你发出信号 （让）我们一同起舞转）\n[00:58.12]はぁ～（哈呜~）\n[00:58.88]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）\n[01:02.12]華麗に花弁　散らすように（在散落的美丽花瓣中）\n[01:04.97]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）\n[01:08.13]髪も振り乱して（头发凌乱又怎样？）\n[01:10.23]一昨日、昨日、今日と、明日と、明後日と（前日、昨日、今日、明日、后日）\n[01:14.13]この宴は続く（这场宴会亦不息）\n[01:16.31]踊レ、歌エ、一心不乱に回レ！（舞动吧 歌唱吧 一心不乱的旋转吧于）\n[01:20.19]今宵は雪月花（今夜的雪月花）\n[01:25.43]ほい！　いよーーーーっ　ぽん！（哈～!～哟ーーーー～嘣～!）\n[01:29.14]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[01:32.16]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜）\n[01:34.39]ねぇねぇねぇ（呐～呐～呐～）\n[01:35.12]この世に平安訪れるの？（平安已经访问此世了吗?）\n[01:36.50]のべつ幕無し丁丁発止（不会闭幕的丁当争斗）\n[01:38.09]兵ども千客万来（官兵们接踵而来）\n[01:39.50]ひしめき合群雄割拠（相互吵吵嚷嚷群雄割据）\n[01:41.00]伸るか反るか一攫千金（成败在于敢否一举千金）\n[01:42.47]気が付いたら絶体絶命（回过头来却已穷途末路）\n[01:43.50]「でも本音のとこ、どうなってんの？」（「不过真心的所在、到底是什么样呢?」）\n[01:46.62]もうまったく奇想天外（真是的总这么异想天开）\n[01:48.51]嗚呼、辿り辿って夜の町（呜呼、追溯于夜晚小镇上）\n[01:54.83]迷い一つなく踊りだす（心无杂念的就此起舞吧）\n[01:59.68]はぁ～（哈阿～）\n[02:00.44]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[02:03.64]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）\n[02:06.49]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[02:09.66]髪も振り乱して（长发也随风飘散）\n[02:11.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）\n[02:15.63]この宴は続く（这宴会还会持续）\n[02:17.67]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）\n[02:21.60]今宵は雪月花（因为今宵乃是雪月花）\n[02:36.74]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[02:39.72]ハッハッハッハッハッハッ　さぁさぁさぁ（哈 哈 哈 哈 哈 哈 来～来～来～）\n[02:42.45]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[02:45.49]ハッハッハッハッハッハッ（哈 哈 哈 哈 哈 哈）\n[02:47.66]花で一つ、鳥で二つ（花就是一、鸟就是二）\n[02:51.31]手打ち鳴らす（拍着手轻声唱）\n[02:54.12]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）\n[02:58.76]鳴らす鳴らす……（轻声唱轻轻唱……）\n[03:00.09]花で一つ、鳥で二つ（花就是一、鸟就是二）\n[03:03.34]手打ち鳴らす（拍着手轻声唱）\n[03:06.25]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）\n[03:10.78]鳴らす鳴らす……（轻轻唱轻声唱……）\n[03:13.28]今は（在此）\n[03:15.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[03:18.63]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）\n[03:21.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）\n[03:24.60]髪も振り乱して（长发也随风飘散）\n[03:26.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）\n[03:30.67]この宴は続く（这宴会不会结束）\n[03:32.75]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）\n[03:36.63]今宵は何曜日か？（今宵是星期几呢?）\n[03:39.02]水木金？（三四五?）\n[03:40.56]土日月火？（六七一二?）\n[03:44.11]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）\n[03:47.00]ハッハッハッハッ（哈 哈 哈 哈 哈 哈）\n[03:48.57]いよーーーーっ　ぽん！（～哟ーーーー～嘣～!）\n[03:50.43]-終わり-（-End-）" 94 | } 95 | ] 96 | }); 97 | ap5.init(); 98 | -------------------------------------------------------------------------------- /0704-fullPage-appleWatch/js/move.min.js: -------------------------------------------------------------------------------- 1 | (function(){function require(name){var module=require.modules[name];if(!module)throw new Error('failed to require "'+name+'"');if(!("exports"in module)&&typeof module.definition==="function"){module.client=module.component=true;module.definition.call(this,module.exports={},module);delete module.definition}return module.exports}require.loader="component";require.helper={};require.helper.semVerSort=function(a,b){var aArray=a.version.split(".");var bArray=b.version.split(".");for(var i=0;ibLex?1:-1;continue}else if(aInt>bInt){return 1}else{return-1}}return 0};require.latest=function(name,returnPath){function showError(name){throw new Error('failed to find latest module of "'+name+'"')}var versionRegexp=/(.*)~(.*)@v?(\d+\.\d+\.\d+[^\/]*)$/;var remoteRegexp=/(.*)~(.*)/;if(!remoteRegexp.test(name))showError(name);var moduleNames=Object.keys(require.modules);var semVerCandidates=[];var otherCandidates=[];for(var i=0;i0){var module=semVerCandidates.sort(require.helper.semVerSort).pop().name;if(returnPath===true){return module}return require(module)}var module=otherCandidates.sort(function(a,b){return a.name>b.name})[0].name;if(returnPath===true){return module}return require(module)};require.modules={};require.register=function(name,definition){require.modules[name]={definition:definition}};require.define=function(name,exports){require.modules[name]={exports:exports}};require.register("component~transform-property@0.0.1",function(exports,module){var styles=["webkitTransform","MozTransform","msTransform","OTransform","transform"];var el=document.createElement("p");var style;for(var i=0;ili>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} --------------------------------------------------------------------------------