javascript里getitem和setitem jside怎么用?

[更新]
·
·
分类:互联网
2249 阅读

javascript里getitem和setitem

jside怎么用?

jside怎么用?

在页面中引入jquery和文件,以及jside-menu.css和jside-skins.css文件。
ltlink rel#34stylesheet#34 href#34css/jside-menu.css#34 /gt
ltlink rel#34stylesheet#34 href#34css/jside-skins.css#34 /gt
ltscript src#34js/jquery.min.js#34 type#34text/javascript#34gtlt/scriptgt
ltscript src##34gtlt/scriptgt
HTML代码:
然后使用下面的HTML结构创建菜单。
ltdiv class#34menu-head#34gt
ltspan class#34layer#34gt
ltdiv class#34col#34gt
ltdiv class#34row for-pic#34gt
ltdiv class#34profile-pic#34gt
ltimg src##34 alt#34profile#34 /gt
lt/divgt
lt/divgt
ltdiv class#34row for-name#34gt
lth3 title#34User Name#34gt Username lt/h3gt
ltspan class#34tagline#34gt Taglinelt/spangt
lt/divgt
lt/divgt
lt/spangt
lt/divgt
ltnav class#34menu-container#34gt
ltul class#34menu-items#34gt
ltligtltspan class#34item-icon#34gtlti class#34zmdi zmdi-android#34gtlt/igtlt/spangt lta href#34#1#34gt Main item one lt/agtlt/ligt
ltligt ltspan class#34item-icon#34gt lti class#34zmdi zmdi-apple#34gtlt/igt lt/spangt lta href#34#1#34gt Main item two lt/agtlt/ligt
ltli class#34has-sub#34gt ltspan class#34item-icon#34gt lti class#34zmdi zmdi-windows#34gtlt/igt lt/spangt ltspan class#34dropdown-heading#34gt Item three with dropdown lt/spangt
ltulgt
ltligt lta href#34#2#34gtdropdown sub item 1 lt/agt lt/ligt
ltligt lta href#34#2#34gt dropdown sub item 2 lt/agt lt/ligt
ltligt lta href#34#2#34gt dropdown sub item 3 lt/agt lt/ligt
...
lt/ulgt
lt/ligt
ltli class#34has-sub#34gt ltspan class#34item-icon#34gt lti class#34zmdi zmdi-devices#34gtlt/igt lt/spangt ltspan class#34dropdown-heading#34gt Item four with dropdown lt/spangt
ltulgt
ltligt lta href#34#2#34gtsub item 1 lt/agt lt/ligt
ltligt lta href#34#2#34gtsub item 2 lt/agt lt/ligt
ltligt lta href#34#2#34gtsub item 3 lt/agt lt/ligt
...
lt/ulgt
lt/ligt
ltligt ltspan class#34item-icon#34gt lti class#34zmdi zmdi-keyboard#34gtlt/igt lt/spangt lta href#34#1#34gt Main item four lt/agtlt/ligt
ltligt ltspan class#34item-icon#34gt lti class#34zmdi zmdi-dock#34gtlt/igt lt/spangt lta href#34#1#34gt Main item five lt/agtlt/ligt
lt/ulgt
lt/navgt
另外还要使用div来创建一个遮罩层。
ltdiv class#34dim-overlay#34gtlt/divgt
初始化插件:
在页面DOM元素加载完毕之后,通过jSideMenu()方法来初始化该插件。
$(##34).jSideMenu()
你可以控制侧边栏的位置:
$(##34).jSideMenu({
jSidePosition: #34position-right#34
})
也可以将侧边栏制作为静态的。
$(##34).jSideMenu({
jSideSticky: false
})
插件中内置了多种侧边栏皮肤,可以根据需要来切换。
$(##34).jSideMenu({
jSideSkin: #34default-skin#34
})
可用皮肤:
flickr
  fb-messenger
  moonlit
  park-life
  d2f
  steel-man
  amethyst
  between-clouds
  crazy-orange
  endless-river
该jQuery滑动侧边栏插件的github地址为:

js将控件隐藏及display属性的使用介绍?

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display