<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="content/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="content/main.css"> <!-- jQuery library --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>--> <script src="scripts/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="scripts/bootstrap.min.js"></script> <script src="App/data.js"></script> <script src="App/main.js"></script><!---calling all the .int files --> <style type="text/css"> #main_light_layover { width:20px; height:20px; padding:20 20; background-color:yellow; } #main_deep_layover { width:20px; height:20px; padding:20 20; background-color:green; } #main_regular_layover { width:20px; height:20px; padding:20 20; background-color:purple; } </style> </head> <body> <div id="main_right_line_one"> one </div> <div id="main_right_line_two"> two </div> <div id="main_right_line_three">three </div> <div id="main_light_layover"> </div> <div id="main_deep_layover"> </div> <div id="main_regular_layover"> </div> </body> </html>
var main=(new function(){ var me=this; me.init=function(){ divEditScreen.init(); } }()); $(document).ready(function () { main.init(); });
var divEditScreen = (new function () { var me = this; me.init = function () { $("#main_right_line_one").click(function () { me.fade(); }); } me.fade = function () { $('#main_regular_layover, #main_deep_layover').fadeOut('slow', function () { $('#main_light_layover').fadeIn('slow'); }); } }());
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)