Jquery Css 實現橫縱選單下拉效果

2021-08-31 02:22:47 字數 3242 閱讀 6613

menu.css實現css特效的****

ul,li    

ul    

/*設定class需要加.*/   

.main, .hmain    

/*設定所有li的背景色*/   

li    

a    

/*設定main下鏈結的字型為白色*/   

.main a, .hmain a    

/*設定main li 下鏈結的字型為黑色*/   

.main li a, .hmain li a    

/*隱藏子選單*/   

.main ul, .hmain ul    

/*橫向選單*/   

.hmain   

ul,li 

ul /*設定class需要加.*/

.main, .hmain

/*設定所有li的背景色*/

li a

/*設定main下鏈結的字型為白色*/

.main a, .hmain a

/*設定main li 下鏈結的字型為黑色*/

.main li a, .hmain li a

/*隱藏子選單*/

.main ul, .hmain ul

/*橫向選單*/

.hmain

實現js物效的js****

$(document).ready(function() else    

*/   

/*   

方法二:具有動畫效果   

ulnode.show(500

);   

三種文本性引數的用法 時間由jquery內部自定義   

ulnode.show('fast'

);// normal slow   

ulnode.hide();   

toggle方法省去自己寫if else這樣繁瑣的判斷   

是jquery為了配合show hide();   

ulnode.toggle();   

*/   

/*   

方法三:具有捲簾效果   

ulnode.slidedown();//也可以加引數slow normal fast   

ulnode.slideup();   

*/   

ulnode.slidetoggle();//也可以加引數slow normal fast   

changeicon($(this));   

});   

/*滑鼠進入出現 但是有bug 一進入子選單後立即被收起   

$('.hmain > a'

).hover(function(),function());   

*/   

/*滑鼠進入出現具有延時操作,滑鼠進入主選單進入子選單再進入主菜單子選單又出現   

//滑鼠進入主選單   

$('.hmain > a'

).hover(function(),function(),300

);   

//對於滑鼠進入子選單項的設定   

ulnode.hover(function(),function());   

});   

*/   

/*滑鼠進入出現具有延時操作,滑鼠離開子選單時 子選單閃動出現*/   

//滑鼠進入主選單   

$('.hmain'

).hover(function(),function());   

});   

/**   

修改主選單的指示圖示   

*/   

function changeicon(mainnode)  else    

}   

}  

$(document).ready(function() else 

*//*

方法二:具有動畫效果

ulnode.show(500);

三種文本性引數的用法 時間由jquery內部自定義

ulnode.show('fast');// normal slow

ulnode.hide();

toggle方法省去自己寫if else這樣繁瑣的判斷

是jquery為了配合show hide();

ulnode.toggle();

*//*

方法三:具有捲簾效果

ulnode.slidedown();//也可以加引數slow normal fast

ulnode.slideup();

*/ulnode.slidetoggle();//也可以加引數slow normal fast

changeicon($(this));

});/*滑鼠進入出現 但是有bug 一進入子選單後立即被收起

$('.hmain > a').hover(function(),function());

*/ /*滑鼠進入出現具有延時操作,滑鼠進入主選單進入子選單再進入主菜單子選單又出現

//滑鼠進入主選單

$('.hmain > a').hover(function(),function(),300);

//對於滑鼠進入子選單項的設定

ulnode.hover(function(),function());

});*/

/*滑鼠進入出現具有延時操作,滑鼠離開子選單時 子選單閃動出現*/

//滑鼠進入主選單

$('.hmain').hover(function(),function());

});/**

修改主選單的指示圖示

*/function changeicon(mainnode) else

}}

jsp頁面****

"-//w3c//dtd html 4.01 transitional//en"

>   

"main"

>   

"#">選單項2

"main"

>   

"#">選單項3

"hmain"

>   

"#">選單項2

"hmain"

>   

"#">選單項3

選單項2

選單項3

選單項2

選單項3

注: 附件是全** 效果看html資料夾中的html

來自:

sql實現縱表變橫表

網上所有的縱橫表轉換都是千篇一律的,參考價值都不大,而且只適合那種資料量固定的學生成績表的橫縱轉化,但是當真正遇到大資料量的批量轉換的時候是行不通的,下面介紹一種相對靈活的大量資料的橫縱表轉換 表結構 如上圖所示,其中index id中以0結尾的表示的是服務名,以1結尾的表示裝置rac名稱,2結尾的...

橫表縱表轉換

橫表就是普通的建表方式,如表結構為 主鍵 欄位1 欄位2 欄位3.如果變成縱表後,則表結構為 主鍵 字段 字段值。而字段 則為字段1 欄位2 欄位3.具體為電信行業的例子。以使用者帳單表為例,一般出賬時使用者有很多費用,其資料一般儲存為 時間,客戶id,費用科目,費用。這種儲存結構一般稱為縱表,其特...

資料庫之橫表轉縱表 縱表轉橫表

橫表變縱表或縱表變橫表 成績表如下 name course grade 張三 語文 95 張三 數學 90 張三 英語 89 李四 語文 92 李四 數學 88 李四 英語 97 變成姓名 語文 數學 英語 張三 95 90 89 李四 92 88 97 縱表轉橫表create table biao...