js製作的滑鼠懸浮時產生的下拉框效果_jquery

先給大家補補課，講個簡單的例子：

複製代碼 代碼如下:

jq=jQuery.noConflict();
jq=(document).ready(function(){
jq("a").mouseover(function(){
jq ("a").css("color","#c00″);
});
jq("a').mouseout(function(){
jq("a"). css("color","#000000″);
});


滑鼠放在上面看看會發生什麼事

jq=jQuery.noConflict();
這是定義一個js的jquery函式庫名；
jq(document).ready(function(){
/*這是一個關於document物件的函數裡面是函數內容*/
});
jq("a ").mouseover()function(){
/* 這是定義事件mouseover的內容*/
}。
在看一個實際例子；點擊時隱藏文字：

複製程式碼 程式碼如下:

div.abc {
background: #e5eec;
padding: 7px;
margin: 0px;
border: solid 1px #c00; }

hide

這段文字將被隱藏

這段文字也會被隱藏

hide me

這段文字在點擊hideme時隱藏

這段文字同樣也會隱藏。

功課差不多了，我們言歸正傳回到主題下拉框才是王道。

複製程式碼 程式碼如下:

blogs: www.jb51.net–>