LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

CSS
html {
  width: 100%;
  height: 100%;
}

body {
  text-align: center;
  min-height: 100%;
  font-size: 14px;
}

a {
  display: inline-block;
  margin: 50px 0;
  padding: 6px 10px;
  background: #4393e6;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
JS
var onClick = function(e) {
  
  var clicked = function() { alert('Item clicked!') }
  
  var items = [
    { title: 'Add Sites', icon: 'ion-plus-round', fn: clicked },
    { title: 'Reset Login', icon: 'ion-person', fn: clicked },
    { title: 'Help', icon: 'ion-help-buoy', fn: clicked },
    { title: 'Disabled', icon: 'ion-minus-circled', fn: clicked, disabled: true },
    { title: 'Invisible', icon: 'ion-eye-disabled', fn: clicked, visible: false },
    { },
    { title: 'Logout', icon: 'ion-log-out', fn: clicked }
  ]

  basicContext.show(items, e)
  
}

document.querySelector('a.click').addEventListener('click', onClick)
document.querySelector('a.context').addEventListener('contextmenu', onClick)
document.querySelector('a.touchend').addEventListener('touchend', onClick)
Host Instantly Drag and Drop Website Builder

 

Description

https://github.com/electerious/basicContext
Term
Wed, 11/29/2017 - 11:27

Related Codes

Pen ID
Pen ID
Pen ID