1.CSS3響應式導航菜單
今天我給大家介紹一下如何使用純CSS來實作的一個響應式導航菜單，我們使用的是HTML5+CSS3技術，當浏覽器視窗變小或者使用手機浏覽器通路的時候，原本橫條菜單會收縮成一個下拉菜單，當滑鼠滑向菜單時下拉展示全部菜單。此方法可以應用到有特别多的連結菜單項目中，特别在移動項目中，它可以将所有菜單轉換成一個按鈕式的下拉菜單。
線上示範
源碼下載下傳
2.使用raphael.js繪制中國地圖
最近的資料統計項目中要用到中國地圖，也就是在地圖上動态的顯示某個時間段某個省份地區的統計資料，我們不需要flash，僅僅依靠raphael.js以及SVG圖像就可以完成地圖的互動操作。在本文中，我給大家分享如何使用js來完成地圖互動。raphael.js是一個很小的javascript庫，它可以在網頁中實作繪制各種矢量圖、各類圖表、以及圖像裁剪、旋轉、運動動畫等等功能。此外raphael.js還跨浏覽器相容，而且還相容老掉牙的IE6啊。
線上示範
源碼下載下傳
3.使用CSS3和jQuery可伸縮的搜尋條
搜尋條在我們網站是必不可少的，尤其是在有限的頁面空間裡，放置一個重要的搜尋條是個難題，今天我将結合執行個體給大家介紹一下如何使用CSS3和jQuery來實作一個可伸縮功能的搜尋條。在執行個體中，我們隻展示一個搜尋按鈕，當點選搜尋按鈕時，輸入框由右向左滑動展開，輸入搜尋内容後，點選搜尋按鈕則跳到搜尋結果頁，搜尋輸入框收起。
線上示範
源碼下載下傳
4.使用CSS3制作漂亮的按鈕
今天我給大家介紹一下如何使用CSS3來制作一個圓角陰影、漸變色的漂亮的按鈕，它不需要任何圖檔和javascript腳本，隻需要CSS3就可以輕松實作按鈕效果，并且可以适用于任意HTML元素，想div，span，p，a，button，input等等。
線上示範
源碼下載下傳
5.使用Javascript控制Cookie關閉大背景
每當重大節日期間，各大主流網站首頁會披上節日的盛裝，設計者一般會使用大幅背景圖檔來獲得更好的視覺沖擊效果，當然，也要考慮到有些使用者不習慣這大背景圖，那麼在背景圖上放置 關閉 按鈕是有必要的，使用者隻要點選 關閉背景 按鈕，大幅背景圖将會消失。我們使用javascript來控制背景圖檔的顯示和隐藏，當點選關閉按鈕時，控制CSS使頁面不加載背景圖，同時記錄COOKIE相關參數，并設定cookie的有效期，那麼在cookie有效期内重新整理頁面，是不會再加載背景圖的，如果cookie失效，則又會重新加載背景圖檔。
線上示範
源碼下載下傳
6.PHP+MySql+jQuery實作的 頂 和 踩 投票功能
當我們浏覽網頁時，我們想對網頁内容如文章、評論中的觀點持贊同或反對意見時，可以通過點選網頁中的 頂 和 踩 來進行投票。而整個互動過程，開發者可以通過ajax異步來實作，進而提高使用者體驗。本文結合執行個體，講解使用PHP+MySql+jQuery實作的 頂 和 踩 投票功能，通過記錄使用者IP，判斷使用者的投票行為是否有效，該執行個體也可以擴充到投票系統中。如果您具備PHP、MySql和jQuery相關基礎知識，那麼請繼續往下閱讀。
線上示範
源碼下載下傳
7.FullCalendar應用–拖動與實時儲存
我們可以使用FullCalendar建立一個非常強大的月曆程式，使用者可以輕松的在FullCalendar操作日程安排，諸如建立、修改、删除等操作以及本文将要講解的拖動、縮放日程事件。
線上示範
源碼下載下傳
8.FullCalendar應用–編輯與删除日程事件
FullCalendar可以靈活運用到項目開發中，本站上一篇文章中，我們介紹了如何在FullCalendar建立日程事件，今天我要給大家介紹的是如何在FullCalendar中編輯和删除日程事件，這樣我們就完成了FullCalendar上的 增删改查 一系列操作。
線上示範
源碼下載下傳
9.iPictrue:圖檔标注提示
iPictrue是一款基于jQuery，能在圖檔上的任意位置标注提示資訊的插件，使用iPictrue可以讓圖檔内容更豐富，提高互動性，适用于一些需要注釋圖檔資訊的應用如産品結構圖等，它還支援圖檔、連結等html内容。
線上示範
源碼下載下傳
10.jQuery實作的向下推送圖文資訊滾動效果
WEB頁面需要展示網站最新資訊，如微網誌動态、餘票資訊、路況監控等項目中常見的實時資料滾動效果，我們可以用jQuery來實作前端資訊滾動效果。本文我們将結合執行個體為大家講解如何使用jQuery來實作圖文資訊滾動效果。
線上示範
源碼下載下傳
本文固定連結: http://www.i7758.com/archives/1585.html