搜尋條是**中必不可少重要部分。對於有限頁面空間來說放置乙個搜尋條是一件需要解決的難題，今天給大家分享乙個如何使用 css3+jquery 來實現乙個可伸縮功能的搜尋條的製作。
html
在需要放置搜尋條的頁面放置下面這段**，搜尋條#search_bar包含乙個form#myform表單，表單中放置乙個搜尋輸入框#search,乙個搜尋按鈕.search_btn以及搜尋按鈕圖示.search_ico。
我們通過css來將整個搜尋條布局進行美化，可以使用如下**：
.search_bar
.input
.search_ico,.search_btn
.search_ico
.search_open
#show
jquery
$(function()else
});
});
利用CSS製作臉書
很多 都支援上的頭像框識別，滑鼠在頭像框處，會提示一些人物資訊。這次就利用css實現這樣乙個功能 卡加斯 a href title 卡加斯 span class hotspot span span class link 卡加斯 span a li li class a href title span...
利用JQuery製作自定義Alert Box
在做網頁的時候常常會遇到這麼乙個需求，就是當我們做完一定的後台操作，比如說資料庫更新之後，需要給使用者乙個提示資訊，然後再轉向到其他頁面。通常我們怎麼做呢？利用js自帶的alertbox嗎？那個太簡陋了，或者利用showmodeldialog彈出乙個網頁嗎？那個速度太慢又太醜陋。也許有人會利用js ...
css3 製作漸變
先了解一下目前的幾種現代瀏覽器的核心，主流內容主要有 mozilla gecko 熟悉的有firefox，flock等瀏覽器 moz webkit 熟悉的有safari chrome等瀏覽器 webkit opera presto opera瀏覽器 o trident ie瀏覽器 線性漸變 line...