This is just an experimental page where I’m just trying out new javascript techniques with a view to adapting and/or improving them for my needs, or perhaps for a tutorial! :->
Anyway, have a look, see what you think, send me some feedback? If you want to see some actual tutorials, visit the Articles page, and as usual if you see anything you like, or have found any part of the site useful for you, please take the time to visit and sign our guestmap!
By the way, because of the experimental nature of this page, it may not show properly on Internet Explorer on the PC. Please use Firefox or Safari for best results.
If you want to try some of this stuff out for your own site, view the source code (Safari > View > View Source, Firefox > View > Page Source). For more gadgets, see our blog, here, here and here.
Please see the bottom of page to leave a comment!
Hover over the image above to see the image rollover. Click the image to go to the associated link.
Up Down Scroller
Ligula suspendisse nulla pretium, rhoncus tempor placerat fermentum, enim integer ad vestibulum volutpat. Nisl rhoncus turpis est, vel elit, congue wisi enim nunc ultricies sit, magna tincidunt. Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer, a dolor netus non dui aliquet, sagittis felis sodales, dolor sociis mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec pellentesque leo, temporibus scelerisque nec.Here's a test link: Click here to go to the main Articles Page.Ligula suspendisse nulla pretium, rhoncus tempor placerat fermentum, enim integer ad vestibulum volutpat. Nisl rhoncus turpis est, vel elit, congue wisi enim nunc ultricies sit, magna tincidunt. Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer.Please sign our Guestmap if you see anything you like!
Hover over the scroll buttons to scroll up or down through the text.
Click the image to zoom the image, move away from the image to restore the image
Hover over the buttons below to change the picture. Click the button or the picture to the link!
Hover over the buttons below to start playing a song.
This experiment uses javascript quicktime controls and the image rollover link technique as shown at the top of the page. The ‘music’ is from our homepage!
Click the button to highlight the text below...
Ligula suspendisse nulla pretium, rhoncus tempor placerat fermentum, enim integer ad vestibulum volutpat. Nisl rhoncus turpis est, vel elit, congue wisi enim nunc ultricies sit, magna tincidunt. Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer, a dolor netus non dui aliquet, sagittis felis sodales, dolor sociis mauris, vel eu libero cras. Interdum at. This text in this block here is being selectively highlighted using javascript. Notice the fading appearance.... The fade appearance is fully customisable for duration, frames per second, highlight colour and final colour. For more details see sometricks.com, axentric.com, 37signals.com and weblog.masukomi.org. I first noticed this technique on the haloscan comments - when you click on a post, it expands the post and highlights it yellow, slowly fading back to white background. Clearly in this example, only text is being highlighted - nothing is being expanded, but you could I suppose use this technique to switch a div and highlight it too! I think it's pretty cool as it is... ;-) What do you think guys? Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec pellentesque leo, temporibus scelerisque nec.
Thanks to Cyclosaurus for the introduction to Thickbox. Check out his cool things here.