Commit e315c089 authored by Matthew Burket's avatar Matthew Burket
Browse files

More work on effects minor start on the library

parent 3aec7c8d
......@@ -3,6 +3,8 @@
<head>
<meta charset="UTF-8">
<title>booksLibrary</title>
<script src="library.js"></script>
<script src="booksLibrary.js"></script>
</head>
<body>
......
......@@ -22,8 +22,9 @@
<option value="option1" selected="selected">1</option>
<option value="option2">2</option>
</select>
<input type="text" id="inputThingy"/>
<input type="text" id="inputThingy" value="Hi!" />
<p id="talkBack1"></p>
<img src="http://alishadcarter.files.wordpress.com/2013/02/iowa-state.jpg" />
<h2>Other Text to appear and disappear</h2>
</body>
</html>
\ No newline at end of file
......@@ -13,32 +13,32 @@ jQuery(function () {
// Effects
$('button').click(function(){
$( "img" ).toggle();
$("img").toggle();
});
// Events
var superCoolCounterThingy = 0;
$("#hi").change(function () {
$("#inputThingy").attr('value', 'The p tag changed! ' + superCoolCounterThingy);
$("#inputThingy").attr('value', 'The select tag changed! ' + superCoolCounterThingy);
superCoolCounterThingy++;
});
$("h1").click(function () {
$("h1").hide();
alert("I'm gone!");
$("h1").slideUp();
$("#inputThingy").attr('value', 'The header is gone!');
});
$("p").hover(function () {
$("p").hide('fade');
$("#inputThingy").hide();
});
$("p").mouseleave(function () {
$('p').show('fade');
$('#inputThingy').show();
});
$("#inputThingy").blur(function () {
$("#inputThingy").attr('value', 'Yo text is gone.');
$('h2').slideToggle();
});
});
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="library.js" type="text/javascript"></script>
<title>Library</title>
</head>
<body>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment