Contact FormPortfolio
JavaScript
Also visit the jQuery Section for jQuery examples.
Blackjack Game Done with Object-Oriented JavaScript
To the right you will see a screenshot of a game that Ed created prior to ever taking a single Web related course. The Site is live and you can visit the Site by clicking the link. The link will take you to a Blackjack game hand coded entirely in XHTML, CSS, and object-oriented JavaScript. There is animation present. Be sure to look for the Change Rules link in the upper-right corner of the game site. The entire site exists on a single page and relies on JavaScript to manipulate the control as you play. Enjoy.
You can view the Site on Ed's sister-site at www.practice1st.com.
JavaScript Custom Coded Fade In/Out Drop Down Menu
This Site uses custom coded JavaScript to create a drop down menu which fades in and out. The drop down menu has a CSS fall back for browsers that do not support the CSS opacity property which is manipulated by the JavaScript to create the effect. The main menu selections also function on a simple click for mobile browsers. The portfolio and contact options lead to pages containing left navigation with all of their respective drop down menu options present.
When the page loads and JavaScript is enabled within the browser, the code seeks out relevant menu items, attaches onmouseover/out events and sets initial opacity to 1 percent. When the events are triggered, a timer is launched changing opacity every millisecond until it reaches 100 percent or until onmouseout occurs, returning to 1 percent (then visibility is switched to hidden).
JavaScript Custom Coded Background Color Change
Custom coded JavaScript is also used to create a subtle background color change for this Site. Using occasional pauses, the code gradually moves the HTML Body tag background RGB color codes through a sequence of combinations. With the use of semi-transparent PNG graphic files, the color changes are filtered to produce the various tones in the background of the site. To the right is a simulation of the effect with a faster progression through the color changes. The actual page cycle completes in about three and a half minutes.
Simulation of the subtle background color change found on this Site.
