Week 7
TALK ABOUT PROJECT A GRADESLet's see what you have for Project B.
Some work time.
Fun Stuff:
BG Color: Green Yellow Red Brown White
<a href=""onmouseover="document.bgColor='green'">Green</a>
www.mica.edu
Look at code for java slide show |
LINK TO OPEN WEBSITE IN CUSTOM SIZE WINDOW
<a href= "javascript:void(0)"onclick="window.open('http://ryansmithart.com/','linkname',
'height=500, width=700,scrollbars=no')" > TEXT</a>
*Forms
More with jQuery, ".slideToggle"
Put this code in the <head>of your html:
<script src="jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
Save this code as "jquery-1.7.1.min.js", and put it in the same directory as your html page:
jquery-1.7.1.min.js
<script type="text/javascript">
$(document).ready(function(){
$("#slideDiv").hide();
$("#slideDiv2").hide();
$(window).load(function(){
$("#toggle").click(function(){
$("#slideDiv").slideToggle(500);
});
$("#toggle2").click(function(){
$("#slideDiv2").slideToggle(500);
});
});
});
</script>
$(document).ready(function(){
$("#slideDiv").hide();
$("#slideDiv2").hide();
$(window).load(function(){
$("#toggle").click(function(){
$("#slideDiv").slideToggle(500);
});
$("#toggle2").click(function(){
$("#slideDiv2").slideToggle(500);
});
});
});
</script>
Example: fractalcatmusic.com
Homework:
Have your code finished, everything should be working
Project B is due Monday Oct. 15
I need to leave early this day, so I won't have time to help you during class.