LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
.something {
  margin: 100px auto;
  background: tomato;
  width: 100px;
  height: 100px;
}

.hover {
  background: blue;
}
JS
// With the CSS in the JS - not good

// $(function(){
//   $('.something').hover(function() {
//     $('body').css({
//       background: 'blue'
//     })
//   }, function() {
//     $('body').css({
//       background: 'white'
//     })
//   })
// })

// With the CSS in the CSS - better

$(function(){
  $('.something').hover(function() {
    $('body').addClass('hover');
  }, function() {
    $('body').removeClass('hover');
  })
})

// With no jQuery - best

// window.onload = function() {
//   const foo = document.getElementById('foo');
//   const body = document.getElementsByTagName('body');
  
//   foo.onmouseover = function() {
//     // alert("hi");  // ok this works
//     body.setAttribute('class', 'hover'); // doesn't work haha lol
//   }
// }
Term
Sat, 04/14/2018 - 20:46

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv