html5+css3 聊天系统界面

【实例简介】
这是基于html5和css3的一款聊天界面设计，5个静态界面的设计和跳转已经基本实现，运行于Google chrome浏览器，代码全部都有，可直接运行。
【实例截图】
【核心代码】
htmlcsschat
└── song
├── chat.html
├── contact.html
├── css
│   └── style.css
├── jquery
│   ├── images
│   │   ├── ajax-loader.gif
│   │   ├── country
│   │   │   ├── de.png
│   │   │   ├── fi.png
│   │   │   ├── gb.png
│   │   │   ├── gf.png
│   │   │   ├── person1.jpg
│   │   │   ├── person2.jpg
│   │   │   ├── search.jpg
│   │   │   └── us.png
│   │   └── icons-png
│   │   ├── action-black.png
│   │   ├── action-white.png
│   │   ├── alert-black.png
│   │   ├── alert-white.png
│   │   ├── arrow-d-black.png
│   │   ├── arrow-d-l-black.png
│   │   ├── arrow-d-l-white.png
│   │   ├── arrow-d-r-black.png
│   │   ├── arrow-d-r-white.png
│   │   ├── arrow-d-white.png
│   │   ├── arrow-l-black.png
│   │   ├── arrow-l-white.png
│   │   ├── arrow-r-black.png
│   │   ├── arrow-r-white.png
│   │   ├── arrow-u-black.png
│   │   ├── arrow-u-l-black.png
│   │   ├── arrow-u-l-white.png
│   │   ├── arrow-u-r-black.png
│   │   ├── arrow-u-r-white.png
│   │   ├── arrow-u-white.png
│   │   ├── audio-black.png
│   │   ├── audio-white.png
│   │   ├── back-black.png
│   │   ├── back-white.png
│   │   ├── bars-black.png
│   │   ├── bars-white.png
│   │   ├── bullets-black.png
│   │   ├── bullets-white.png
│   │   ├── calendar-black.png
│   │   ├── calendar-white.png
│   │   ├── camera-black.png
│   │   ├── camera-white.png
│   │   ├── carat-d-black.png
│   │   ├── carat-d-white.png
│   │   ├── carat-l-black.png
│   │   ├── carat-l-white.png
│   │   ├── carat-r-black.png
│   │   ├── carat-r-white.png
│   │   ├── carat-u-black.png
│   │   ├── carat-u-white.png
│   │   ├── check-black.png
│   │   ├── check-white.png
│   │   ├── clock-black.png
│   │   ├── clock-white.png
│   │   ├── cloud-black.png
│   │   ├── cloud-white.png
│   │   ├── comment-black.png
│   │   ├── comment-white.png
│   │   ├── delete-black.png
│   │   ├── delete-white.png
│   │   ├── edit-black.png
│   │   ├── edit-white.png
│   │   ├── eye-black.png
│   │   ├── eye-white.png
│   │   ├── forbidden-black.png
│   │   ├── forbidden-white.png
│   │   ├── forward-black.png
│   │   ├── forward-white.png
│   │   ├── gear-black.png
│   │   ├── gear-white.png
│   │   ├── grid-black.png
│   │   ├── grid-white.png
│   │   ├── heart-black.png
│   │   ├── heart-white.png
│   │   ├── home-black.png
│   │   ├── home-white.png
│   │   ├── info-black.png
│   │   ├── info-white.png
│   │   ├── location-black.png
│   │   ├── location-white.png
│   │   ├── lock-black.png
│   │   ├── lock-white.png
│   │   ├── mail-black.png
│   │   ├── mail-white.png
│   │   ├── minus-black.png
│   │   ├── minus-white.png
│   │   ├── navigation-black.png
│   │   ├── navigation-white.png
│   │   ├── phone-black.png
│   │   ├── phone-white.png
│   │   ├── plus-black.png
│   │   ├── plus-white.png
│   │   ├── power-black.png
│   │   ├── power-white.png
│   │   ├── recycle-black.png
│   │   ├── recycle-white.png
│   │   ├── refresh-black.png
│   │   ├── refresh-white.png
│   │   ├── search-black.png
│   │   ├── search-white.png
│   │   ├── shop-black.png
│   │   ├── shop-white.png
│   │   ├── star-black.png
│   │   ├── star-white.png
│   │   ├── tag-black.png
│   │   ├── tag-white.png
│   │   ├── user-black.png
│   │   ├── user-white.png
│   │   ├── video-black.png
│   │   └── video-white.png
│   ├── jquery-2.1.1.js
│   ├── jquery.js
│   ├── jquery.mobile-1.4.3.css
│   ├── jquery.mobile-1.4.3.js
│   ├── jquery.mobile.external-png-1.4.3.css
│   ├── jquery.mobile.icons-1.4.3.css
│   ├── jquery.mobile.inline-png-1.4.3.css
│   ├── jquery.mobile.structure-1.4.3.css
│   ├── jquery.mobile.theme-1.4.3.min.css
│   └── loading.js
├── login.html
├── message.html
└── profile.html

6 directories, 125 files