JSFiddle - React, Tailwind, and code Playground
HTML
<div id="feauture3_content">
<div id="feauture3_1"><strong>Menu1</strong></div>
<div id="feauture3_2"><strong>Menu2</strong></div>
<div id="feauture3_3"><strong>Menu3</strong></div>
<div id="feauture3_4"><strong>Menu4</strong></div>
</div>
<div class="Page" id="feauture3"></div>
CSS
#feauture3_content{
position:fixed;
top:10px;
left:10px;
z-index:10;
width:100%;
}
#feauture3_1:hover {
background-color:#f2af95;
cursor:pointer;
}
#feauture3_2:hover {
background-color:#f2af95;
cursor:pointer;
}
#feauture3_3:hover {
background-color:#f2af95;
cursor:pointer;
}
#feauture3_4:hover {
background-color:#f2af95;
cursor:pointer;
}
#feauture3 {
position: fixed;
height: 100%;
width: 100%;
background: url('http://www.asphaltandrubber.com/wp-content/gallery/2013-kawasaki-ninja-z800-z800e/2013-kawasaki-ninja-z800-02.jpg') 50% 50% no-repeat;
left:0;
background-size: cover;
background-color:#e18764;
color:red;
}
JavaScript
jQuery(document).ready(function($){
$("#feauture3_1").click(function(){
$("#feauture3").fadeOut(1000);
setTimeout(function() {
$("#feauture3")
.css('background-image','url("http://www.motorcyclespecs.co.za/Gallery%20B/Kawasaki%20Ninja%20650R%2013.jpg")')
.fadeIn(1000);
}, 1000);
});
$("#feauture3_2").click(function(){
$("#feauture3").fadeOut(1000);
setTimeout(function() {
$("#feauture3")
.css('background-image','url("http://images5.fanpop.com/image/photos/31700000/HOT-BABE-KAWASAKI-Z1000-motorcycles-31778270-1920-1200.jpg")')
.fadeIn(1000);
}, 1000);
});
$("#feauture3_3").click(function(){
$("#feauture3").fadeOut(1000);
setTimeout(function() {
$("#feauture3")
.css('background-image','url("http://b296d35169b22ec514a7-3f0e5c3ce41f2ca4459ddb89d451f8d9.r21.cf2.rackcdn.com/wp-content/uploads/2012/11/Kawasaki-Z1-by-Ac-Sanctuary-.jpg")')
.fadeIn(1000);
}, 1000);
});
$("#feauture3_4").click(function(){
$("#feauture3").fadeOut(1000);
setTimeout(function() {
$("#feauture3")
.css('background-image','url("http://4.bp.blogspot.com/-ar4zyO_Ws4M/UekF8jk7nRI/AAAAAAAA1q4/ugQZlRGTLkk/s1600/Kawasaki-Z-1000-.jpg")')
.fadeIn(1000);
}, 1000);
});
});