前端样例（js+css+html）

【实例简介】
现在前后台都不可或缺，该主要是前端页面的样式，js+css+html的组合
【实例截图】
【核心代码】
4daf1382-0db0-437f-81d0-570907bde59c
└── webProject-master
├── behind
│   ├── add-user.html
│   ├── content.html
│   ├── css
│   │   ├── bootstrap.min.css
│   │   ├── bootstrap.min.css.map
│   │   └── index.css
│   ├── fonts
│   │   ├── glyphicons-halflings-regular.eot
│   │   ├── glyphicons-halflings-regular.svg
│   │   ├── glyphicons-halflings-regular.ttf
│   │   ├── glyphicons-halflings-regular.woff
│   │   └── glyphicons-halflings-regular.woff2
│   ├── images
│   │   ├── a.png
│   │   └── b.png
│   ├── index.html
│   ├── js
│   │   ├── bootstrap.min.js
│   │   ├── Chart.js
│   │   ├── jquery-3.1.1.min.js
│   │   └── script.js
│   ├── tags.html
│   ├── user.html
│   └── user-search.html
├── changeInfo
│   ├── datas.js
│   └── info.html
├── checkboxChoose
│   └── index.html
├── clearemotionsGame
│   ├── img
│   │   ├── 10.png
│   │   ├── 11.png
│   │   ├── 1.png
│   │   ├── 2.png
│   │   ├── 3.png
│   │   ├── 4.png
│   │   ├── 5.png
│   │   ├── 6.png
│   │   ├── 7.png
│   │   ├── 8.png
│   │   ├── 9.png
│   │   └── qq.png
│   ├── index.html
│   └── xk.js
├── clock
│   ├── images
│   │   ├── 0.png
│   │   ├── 1.png
│   │   ├── 2.png
│   │   ├── 3.png
│   │   ├── 4.png
│   │   ├── 5.png
│   │   ├── 6.png
│   │   ├── 7.png
│   │   ├── 8.png
│   │   └── 9.png
│   └── index.html
├── clocks
│   └── index.html
├── coffee
│   ├── css
│   │   ├── bootstrap.min.css
│   │   └── index.css
│   ├── images
│   │   ├── bean.jpg
│   │   ├── coffee1.jpg
│   │   ├── coffee2.jpg
│   │   ├── coffee2.png
│   │   ├── coffee3.jpg
│   │   ├── coffee5.jpg
│   │   ├── coffeeBg.jpg
│   │   ├── drink.jpg
│   │   ├── ka.jpg
│   │   ├── list1.jpg
│   │   ├── list2.jpg
│   │   ├── list3.jpg
│   │   ├── list4.jpg
│   │   ├── list5.jpg
│   │   ├── list.jpg
│   │   ├── machine1.jpg
│   │   ├── machine2.jpg
│   │   ├── machine3.jpg
│   │   ├── moca.jpg
│   │   ├── naTie.jpg
│   │   ├── phone.png
│   │   ├── redNa.jpg
│   │   ├── shop1.jpg
│   │   ├── shop2.jpg
│   │   ├── shop3.jpg
│   │   └── shop4.jpg
│   ├── index.html
│   └── js
│   ├── bootstrap.min.js
│   ├── index.js
│   ├── jquery-3.1.1.min.js
│   └── jquery.singlePageNav.min.js
├── dong
│   ├── css
│   │   ├── detail.css
│   │   ├── head.css
│   │   ├── index.css
│   │   └── reset.css
│   ├── detail.html
│   ├── images
│   │   ├── detail_images
│   │   │   ├── blue.png
│   │   │   ├── foot1.jpg
│   │   │   ├── foot2.jpg
│   │   │   ├── goods.jpg
│   │   │   ├── heart.png
│   │   │   ├── home.png
│   │   │   ├── hot1.jpg
│   │   │   ├── hot.jpg
│   │   │   ├── img1.jpg
│   │   │   ├── img2.jpg
│   │   │   ├── img3.jpg
│   │   │   ├── img4.jpg
│   │   │   ├── jingDong.png
│   │   │   ├── left1.jpg
│   │   │   ├── left2.jpg
│   │   │   ├── left3.jpg
│   │   │   ├── left.png
│   │   │   ├── like.jpg
│   │   │   ├── link.png
│   │   │   ├── per.gif
│   │   │   ├── product.jpg
│   │   │   ├── promise.png
│   │   │   ├── right.png
│   │   │   ├── save.png
│   │   │   ├── see.jpg
│   │   │   ├── service.png
│   │   │   └── wei.png
│   │   └── index_images
│   │   ├── ad1.jpg
│   │   ├── ad2.jpg
│   │   ├── ad3.jpg
│   │   ├── ad4.jpg
│   │   ├── ad5.jpg
│   │   ├── ad6.jpg
│   │   ├── ad7.jpg
│   │   ├── ad8e.jpg
│   │   ├── ad_below1.jpg
│   │   ├── ad_below2.jpg
│   │   ├── address.png
│   │   ├── after.png
│   │   ├── APP.png
│   │   ├── beats.png
│   │   ├── believe.png
│   │   ├── bet_below20.jpg
│   │   ├── bet_below21.jpg
│   │   ├── bet_below22.jpg
│   │   ├── bet_top10.png
│   │   ├── bet_top11.png
│   │   ├── bet_top12.png
│   │   ├── birth.png
│   │   ├── book1.jpg
│   │   ├── book2.jpg
│   │   ├── bot1.jpg
│   │   ├── bot2.png
│   │   ├── bouns.png
│   │   ├── company.png
│   │   ├── computer1.jpg
│   │   ├── computer2.png
│   │   ├── coupon1.jpg
│   │   ├── coupon2.png
│   │   ├── coupon3.jpg
│   │   ├── coupon4.jpg
│   │   ├── coupon5.png
│   │   ├── device_left.jpg
│   │   ├── device_middle.jpg
│   │   ├── device_right.jpg
│   │   ├── down.png
│   │   ├── eat1.jpg
│   │   ├── eat2.png
│   │   ├── empty_shopping_car.png
│   │   ├── enjoy1.png
│   │   ├── enjoy2.jpg
│   │   ├── enjoy3.jpg
│   │   ├── enjoy4.png
│   │   ├── enjoy5.jpg
│   │   ├── enjoy6.png
│   │   ├── enough10.png
│   │   ├── enough1.jpg
│   │   ├── enough2.jpg
│   │   ├── enough3.jpg
│   │   ├── enough4.jpg
│   │   ├── enough5.jpg
│   │   ├── enough6.jpg
│   │   ├── enough7.jpg
│   │   ├── enough8.jpg
│   │   ├── enough9.jpg
│   │   ├── erwei.png
│   │   ├── fly.png
│   │   ├── footer_good.png
│   │   ├── free.png
│   │   ├── game.png
│   │   ├── gift.png
│   │   ├── good.png
│   │   ├── gree.jpg
│   │   ├── haier.jpg
│   │   ├── high.png
│   │   ├── hisense.jpg
│   │   ├── home1.jpg
│   │   ├── home2.jpg
│   │   ├── hotel.png
│   │   ├── JingDong.jpg
│   │   ├── joyoung.jpg
│   │   ├── jubao.png
│   │   ├── kill1.jpg
│   │   ├── kill2.jpg
│   │   ├── kill3.png
│   │   ├── kill.jpg
│   │   ├── less.png
│   │   ├── life1.jpg
│   │   ├── life2.jpg
│   │   ├── life_bot.jpg
│   │   ├── lue.png
│   │   ├── many_person.png
│   │   ├── midea.jpg
│   │   ├── mom1.jpg
│   │   ├── mom2.jpg
│   │   ├── money.png
│   │   ├── movie.png
│   │   ├── much.png
│   │   ├── one_doller.jpg
│   │   ├── pai.png
│   │   ├── personal.png
│   │   ├── philips.jpg
│   │   ├── phone1.jpg
│   │   ├── phone.png
│   │   ├── plus.png
│   │   ├── police.png
│   │   ├── prepare.png
│   │   ├── privilige.png
│   │   ├── profit.jpg
│   │   ├── quick.png
│   │   ├── ranking2.jpg
│   │   ├── ranking3.jpg
│   │   ├── ranking4.jpg
│   │   ├── ranking5.png
│   │   ├── right1.jpg
│   │   ├── right2.jpg
│   │   ├── right3.jpg
│   │   ├── right_birde.png
│   │   ├── right_car.png
│   │   ├── right_edit.png
│   │   ├── right_heart.png
│   │   ├── right_person.png
│   │   ├── right_time.png
│   │   ├── right_top.png
│   │   ├── right_txt.png
│   │   ├── search.png
│   │   ├── second_kill.png
│   │   ├── service.png
│   │   ├── shopping_car.png
│   │   ├── siemens.jpg
│   │   ├── soil.png
│   │   ├── spec1.jpg
│   │   ├── spec2.jpg
│   │   ├── spec3.jpg
│   │   ├── spec4.jpg
│   │   ├── spec5.jpg
│   │   ├── spec6.jpg
│   │   ├── spec7.jpg
│   │   ├── sport1.jpg
│   │   ├── sport2.jpg
│   │   ├── top_jing.jpg
│   │   ├── top_mid1.png
│   │   ├── top_mid2.jpg
│   │   ├── top_mid3.jpg
│   │   ├── top_right1.jpg
│   │   ├── top_right2.jpg
│   │   ├── top_right3.jpg
│   │   ├── top_right4.jpg
│   │   ├── top_two_baby.png
│   │   ├── touxiang.jpg
│   │   ├── train.png
│   │   ├── valli.jpg
│   │   ├── video.png
│   │   ├── virtual_bot.png
│   │   ├── virture1.jpg
│   │   ├── virture2.jpg
│   │   ├── virture3.jpg
│   │   ├── website.png
│   │   ├── wei.jpg
│   │   └── white.png
│   ├── index.html
│   └── js
│   ├── detail.js
│   ├── head.js
│   ├── index.js
│   └── jquery-3.1.1.min.js
├── douban
│   ├── css
│   │   ├── head.css
│   │   ├── main.css
│   │   ├── music.css
│   │   ├── myPage.css
│   │   └── reset.css
│   ├── images
│   │   ├── main
│   │   │   ├── 0.png
│   │   │   ├── 1.png
│   │   │   ├── 2.png
│   │   │   ├── 3.png
│   │   │   ├── 4.png
│   │   │   ├── 5.png
│   │   │   ├── 6.png
│   │   │   ├── 7.png
│   │   │   ├── 8.png
│   │   │   ├── 9.png
│   │   │   ├── ad1.jpg
│   │   │   ├── ad.jpg
│   │   │   ├── douban.jpg
│   │   │   ├── douban.png
│   │   │   ├── head1.png
│   │   │   ├── head2.png
│   │   │   ├── head3.jpg
│   │   │   ├── head4.png
│   │   │   ├── photo1.jpg
│   │   │   ├── photo2.png
│   │   │   ├── photo3.jpg
│   │   │   ├── sao.png
│   │   │   └── some.png
│   │   ├── music
│   │   │   ├── 1.png
│   │   │   ├── 2.png
│   │   │   ├── 3.png
│   │   │   ├── 4.png
│   │   │   ├── 5.png
│   │   │   ├── 6.png
│   │   │   ├── 7.png
│   │   │   ├── 8.png
│   │   │   ├── ad.jpg
│   │   │   ├── img1.jpg
│   │   │   ├── img2.jpg
│   │   │   ├── img3.jpg
│   │   │   ├── img4.jpg
│   │   │   ├── img5.jpg
│   │   │   ├── img6.jpg
│   │   │   ├── music1.jpg
│   │   │   ├── music2016.png
│   │   │   ├── music2.jpg
│   │   │   ├── music3.jpg
│   │   │   ├── music4.jpg
│   │   │   ├── music5.jpg
│   │   │   ├── music6.jpg
│   │   │   ├── music7.jpg
│   │   │   ├── music8.jpg
│   │   │   ├── music.png
│   │   │   ├── sea.png
│   │   │   ├── sen1.png
│   │   │   ├── sen2.png
│   │   │   ├── sen3.png
│   │   │   ├── sen4.png
│   │   │   ├── sen5.png
│   │   │   ├── sen6.png
│   │   │   └── W(WTZ8GG5J2%Q]_N3DBS2_R.jpg
│   │   └── myPage
│   │   ├── abulm.png
│   │   ├── book.jpg
│   │   └── myhead.jpg
│   ├── js
│   │   ├── head.js
│   │   ├── main.js
│   │   ├── music.js
│   │   └── myPage.js
│   ├── main.html
│   ├── music.html
│   └── myPage.html
├── dragShoppingcar
│   └── index.html
├── drawerImg
│   ├── images
│   │   ├── 1.jpg
│   │   ├── 2.jpg
│   │   ├── 3.jpg
│   │   ├── 4.jpg
│   │   └── 5.jpg
│   └── index.html
├── hoverInfo
│   ├── images
│   │   ├── 10.jpg
│   │   ├── 11.jpg
│   │   ├── 12.jpg
│   │   ├── 1.jpg
│   │   ├── 2.jpg
│   │   ├── 3.jpg
│   │   ├── 4.jpg
│   │   ├── 5.jpg
│   │   ├── 6.jpg
│   │   ├── 7.jpg
│   │   ├── 8.jpg
│   │   ├── 9.jpg
│   │   └── Thumbs.db
│   └── index - 副本.html
├── Images
│   ├── 3DchangImg
│   │   ├── img
│   │   │   ├── 1.png
│   │   │   ├── 2.png
│   │   │   ├── 3.png
│   │   │   ├── 44.jpg
│   │   │   ├── 55.jpg
│   │   │   ├── 66.jpg
│   │   │   └── 77.jpg
│   │   ├── index.html
│   │   └── js
│   │   └── jquery-3.1.1.min.js
│   ├── ablum
│   │   ├── images
│   │   │   ├── big1.jpg
│   │   │   ├── big2.jpg
│   │   │   ├── big3.jpg
│   │   │   ├── big4.jpg
│   │   │   ├── big5.jpg
│   │   │   ├── big6.jpg
│   │   │   ├── big7.jpg
│   │   │   ├── big8.jpg
│   │   │   ├── big9.jpg
│   │   │   ├── dirl.png
│   │   │   ├── dirr.png
│   │   │   ├── s1.jpg
│   │   │   ├── s2.jpg
│   │   │   ├── s3.jpg
│   │   │   ├── s4.jpg
│   │   │   ├── s5.jpg
│   │   │   ├── s6.jpg
│   │   │   ├── s7.jpg
│   │   │   ├── s8.jpg
│   │   │   ├── s9.jpg
│   │   │   └── Thumbs.db
│   │   └── index.html
│   ├── adImages
│   │   ├── css3制作广告轮播.html
│   │   └── images
│   │   ├── 1.png
│   │   ├── 2.png
│   │   ├── 3.png
│   │   ├── 4.png
│   │   ├── but1.png
│   │   ├── but2.png
│   │   ├── but3.png
│   │   ├── but4.png
│   │   └── Thumbs.db
│   ├── bigIamge
│   │   ├── images
│   │   │   └── 1.jpeg
│   │   └── 放大镜效果.html
│   ├── carousel
│   │   ├── images
│   │   │   ├── 1.jpg
│   │   │   ├── 2.jpg
│   │   │   ├── 3.jpg
│   │   │   ├── 4.jpg
│   │   │   └── Thumbs.db
│   │   └── index.html
│   ├── hoveInfo
│   │   ├── images
│   │   │   ├── image1.jpg
│   │   │   ├── image2.jpeg
│   │   │   └── image3.jpeg
│   │   └── 鼠标滑动文字动态效果.html
│   ├── hoverInfo
│   │   ├── images
│   │   │   ├── button.png
│   │   │   ├── pic1.jpg
│   │   │   ├── pic2.jpg
│   │   │   ├── pic3.jpg
│   │   │   ├── pic4.jpg
│   │   │   ├── pic5.jpg
│   │   │   ├── pic6.jpg
│   │   │   ├── pic7.jpg
│   │   │   ├── pic8.jpg
│   │   │   ├── pic9.jpg
│   │   │   └── Thumbs.db
│   │   └── index.html
│   ├── imglistChange
│   │   ├── images
│   │   │   ├── dirl.jpg
│   │   │   ├── dirr.jpg
│   │   │   ├── rec_img10.jpg
│   │   │   ├── rec_img1.jpg
│   │   │   ├── rec_img2.jpg
│   │   │   ├── rec_img3.jpg
│   │   │   ├── rec_img4.jpg
│   │   │   ├── rec_img5.jpg
│   │   │   ├── rec_img6.jpg
│   │   │   ├── rec_img7.jpg
│   │   │   ├── rec_img8.jpg
│   │   │   ├── rec_img9.jpg
│   │   │   └── Thumbs.db
│   │   └── index.html
│   ├── M4image
│   │   ├── img
│   │   │   ├── 1.jpg
│   │   │   ├── 2.jpg
│   │   │   └── Thumbs.db
│   │   └── 图片产品展示.html
│   ├── opacityCarousel
│   │   ├── images
│   │   │   ├── img1.jpg
│   │   │   ├── img2.jpg
│   │   │   ├── img3.jpg
│   │   │   ├── img4.jpg
│   │   │   ├── img5.jpg
│   │   │   └── img6.jpg
│   │   ├── index2.html
│   │   ├── index.html
│   │   └── jquery-3.1.1.min.js
│   ├── randomImages
│   │   ├── ads
│   │   │   ├── 1.jpg
│   │   │   ├── 2.jpg
│   │   │   ├── 3.jpg
│   │   │   ├── 4.jpg
│   │   │   ├── 5.jpg
│   │   │   └── Thumbs.db
│   │   └── index.html
│   └── rotateImg
│   ├── 1.html
│   └── images
│   ├── 1.jpg
│   ├── 2.jpg
│   └── 3.jpg
├── keyScrollball
│   └── index.html
├── macbook
│   └── index.html
├── Menu
│   ├── button
│   │   ├── btn2.html
│   │   ├── images
│   │   │   ├── arrow.png
│   │   │   └── game.png
│   │   ├── index.html
│   │   ├── jquery-3.1.1.min.js
│   │   └── ripple.html
│   ├── googleMenu
│   │   ├── css3仿Google.html
│   │   └── images
│   │   ├── icoa1.png
│   │   ├── icoa2.png
│   │   ├── icoa3.png
│   │   ├── icoa4.png
│   │   ├── icoa5.png
│   │   └── icoa6.png
│   ├── iphone
│   │   ├── images
│   │   │   ├── 1.png
│   │   │   ├── 2.png
│   │   │   ├── 3.png
│   │   │   ├── 4.png
│   │   │   ├── 5.png
│   │   │   ├── 6.png
│   │   │   ├── 7.png
│   │   │   └── 8.png
│   │   └── 仿苹果电脑任务栏菜单.html
│   ├── language.html
│   ├── moveMenu
│   │   ├── images
│   │   │   ├── border.png
│   │   │   ├── shad2.png
│   │   │   └── Thumbs.db
│   │   └── index.html
│   ├── rotatemenu.html
│   ├── scrollTop
│   │   └── index.html
│   ├── scrollTopMENU.html
│   ├── Sector navigation
│   │   ├── img
│   │   │   ├── clos.png
│   │   │   ├── full.png
│   │   │   ├── home.png
│   │   │   ├── open.png
│   │   │   ├── prev.png
│   │   │   └── refresh.png
│   │   └── index.html
│   └── verticalSecondmenu
│   ├── images
│   │   ├── css.png
│   │   ├── folder.png
│   │   ├── header.png
│   │   ├── html.png
│   │   ├── pen.png
│   │   ├── reload.png
│   │   ├── setting.png
│   │   ├── text_block.png
│   │   ├── Thumbs.db
│   │   ├── tm_add.png
│   │   └── tm_edit.png
│   ├── index.html
│   └── jquery-3.1.1.min.js
├── messageBoard
│   └── index.html
├── mouseDraw
│   └── index.html
├── moveAlert
│   ├── images
│   │   ├── bg.jpg
│   │   ├── close.jpg
│   │   └── Thumbs.db
│   ├── myJs.js
│   └── 弹出框可移动.html
├── moveIcon
│   └── index.html
├── moveLoad
│   ├── images
│   │   └── 1.jpg
│   └── 移动效果（按轨迹移动）.html
├── personal
│   ├── css
│   │   ├── animate.css
│   │   ├── index.css
│   │   └── reset.css
│   ├── images
│   │   ├── address.png
│   │   ├── bg.jpg
│   │   ├── coffee.jpg
│   │   ├── douban1.jpg
│   │   ├── douban2.jpg
│   │   ├── douban3.jpg
│   │   ├── email.png
│   │   ├── headBg.jpg
│   │   ├── jingdong1.jpg
│   │   ├── jingdong2.jpg
│   │   ├── link.png
│   │   ├── phone.png
│   │   └── vx.png
│   └── js
│   ├── index.js
│   ├── jquery-3.1.1.min.js
│   ├── myJs.js
│   └── wow.min.js
├── randomCode
│   └── index.html
├── README.md
├── righthandBackground
│   ├── images
│   │   ├── 1.jpg
│   │   ├── 2.jpg
│   │   ├── 3.jpg
│   │   ├── 4.jpg
│   │   ├── 5.jpg
│   │   ├── 6.jpg
│   │   ├── close.png
│   │   ├── ico1.jpg
│   │   ├── ico2.jpg
│   │   ├── ico3.jpg
│   │   ├── ico4.jpg
│   │   ├── ico5.jpg
│   │   ├── ico6.jpg
│   │   ├── ico7.jpg
│   │   ├── s_1.jpg
│   │   ├── s_2.jpg
│   │   ├── s_3.jpg
│   │   ├── s_4.jpg
│   │   ├── s_5.jpg
│   │   ├── s_6.jpg
│   │   ├── Thumbs.db
│   │   └── title_bg.jpg
│   └── index.html
├── snake
│   ├── snake.css
│   ├── snake.html
│   └── snake.js
├── starBlink
│   ├── images
│   │   └── star.png
│   └── index.html
├── tabChange
│   └── 简易选项卡.html
├── tag
│   ├── images
│   │   ├── 1hd.jpg
│   │   ├── amazon.jpg
│   │   ├── baidu.png
│   │   ├── edit.png
│   │   ├── jd.jpg
│   │   ├── sina.jpg
│   │   ├── taobao.jpg
│   │   ├── xiaomi.jpg
│   │   └── youku.jpg
│   └── index.html
├── textSearch
│   └── index.html
├── webChangcolor
│   ├── css
│   │   ├── black.css
│   │   ├── green.css
│   │   └── red.css
│   └── 网页换肤.html
└── wordRmove
└── index.html

101 directories, 596 files