效果圖: ...
先來看看效果: 具體的功能是: .頁面上面最多只有一個是顯示全部內容的。 .當自己處於全部顯示的時候,點擊自己的收起,自己收起。 .當自己處於全部顯示的時候,點擊其他的展開是,自己內容隱藏,原來的 收起 變為 展開 而被點擊的選項則內容全部顯示, 展開 變為 收起 部分代碼: js代碼 ...
2013-03-05 16:24 0 14321 推薦指數:
效果圖: ...
jq與原生js實現收起展開效果 (jq需自己加載) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>展開收起</title> ...
2014年6月25日 15:36:29 需要關注的是: 1.用cookie保存用戶當前點擊的菜單項,不打擾后端代碼 2.通過數學計算得到要顯示和隱藏的div 3.點擊事件是動態綁定到a標簽上的,因此當dom加載完后,再執行js,也就是寫在onload里 HTML ...
...
//點擊展開、收起 window.onload=function(){ var current=document.getElementsByTagName('li')[0]; document.body.addEventListener('touchend', function(e ...
$('.tab').click(function(){ var index = $('.tab').index(this), //緩存第一次點擊的li的索引值 ele = $(t ...
HTML代碼: CSS代碼: JS代碼: ...
效果圖: 源碼: 布局 up_down_item.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http ...