Lastest JavaScripts: Button http://www.javascriptbank.com/rss/form/button/ Lastest JavaScripts: Button en Copyright (C) JavaScriptBank.com 60 jsB@nk.com RSS Simply Button v2: Super Cool-Sexy Button for Your Website <img src="http://www.javascriptbank.com/javascript.images/form/simply-button-v2-super-cool-sexy-button.jpg" width="100" height="100" align="left" style="margin: 5px;" />Let's use this simple <a href="/tag=JavaScript example code">JavaScript example code</a>, <a href="/tag=CSS button code">CSS button code</a> to replace the boring default button of browsers by <i>Simply Button v2</i>. These super sexy buttons have a lot of advantages from the default buttons: - Buttons size to fit your any text. - There are 3 states: Inactive, Active, and Hover. - They look and behave the same way in every <a href="/javascript/browser/">browser</a> and operating system. - The do not need the JavaScript to work, they work with just the <a href="/tag=CSS button style">CSS button style</a>. - Way better looking CSS button codes than what anyone else can do with XHTML/CSS, isn’t that reason enough?! http://www.javascriptbank.com/simply-button-v2-super-cool-sexy-button.html 1284527015 Lunch Decision Maker <img src="http://www.javascriptbank.com/javascript.images/form/the-lunch-location-generator.jpg" width="100" height="100" align="left" style="margin: 5px;" />Deciding where to go to lunch can take longer than simply going to lunch when more than one person is involved in the decision. This <a href="/javascript/">JavaScript</a> takes the pain out of figuring out where to go by randomly presenting a choice. This could save many developers a lot of <a href="/javascript/time/">time</a> debating! http://www.javascriptbank.com/the-lunch-location-generator.html 1170117160 onMouseOver Button <img src="http://www.javascriptbank.com/javascript.images/form/onmouseover-button.jpg" width="100" height="100" align="left" style="margin: 5px;" />When a user moves the <a href="/title=mouse over">mouse over</a> the button, it will change text. When the mouse is moved away, the text will change back. Perfect for adding short instructions on a submit button. http://www.javascriptbank.com/onmouseover-button.html 1170117157 Dynamic button <img src="http://www.javascriptbank.com/javascript.images/form/dynamic-button.jpg" width="100" height="100" align="left" style="margin: 5px;" />You can use this <a href="/javascript/">JavaScript</a> to make the scrolling text in the button. Additionally, size of <a href="/javascript/form/button/">button</a> was also changed. http://www.javascriptbank.com/dynamic-button.html 1170115787 Marqueeing Text in Button <img src="http://www.javascriptbank.com/javascript.images/form/marqueeing-text-in-button.jpg" width="100" height="100" align="left" style="margin: 5px;" />By using string manipulation and setTimeout, you can have the letters on a button 'scroll'. Run the code for an easy example. http://www.javascriptbank.com/marqueeing-text-in-button.html 1170115765 Scrollbar Of Buttons <img src="http://www.javascriptbank.com/javascript.images/form/scrollbar-of-buttons.jpg" width="100" height="100" align="left" style="margin: 5px;" />Creates a list of buttons. If there are too many <a href="/javascript/form/button/">buttons</a> in a list, they can be scrolled. http://www.javascriptbank.com/scrollbar-of-buttons.html 1170115755 Crazy Shaking Form Buttons <img src="http://www.javascriptbank.com/javascript.images/form/crazy-shaking-form-buttons.jpg" width="100" height="100" align="left" style="margin: 5px;" />This <a href="/javascript/">JavaScript</a> shakes the <a href="/javascript/form/button/">form buttons</a>. You can set the shaking speed of each button. http://www.javascriptbank.com/crazy-shaking-form-buttons.html 1170115699 Fading Button <img src="http://www.javascriptbank.com/javascript.images/form/fading-button.jpg" width="100" height="100" align="left" style="margin: 5px;" />(Internet Explorer Only) Move your <a href="/title=mouse over">mouse over</a> the <a href="/javascript/form/button/">button</a> and watch it fade to another color and then fade back to original color once you move your mouse off. The <a href="/javascript/text/">message</a> on the <a href="/javascript/form/button/">button</a> will even change after you click on it! http://www.javascriptbank.com/fading-button.html 1170115698 HoverButtons Script <img src="http://www.javascriptbank.com/javascript.images/form/hoverbuttons-script.jpg" width="100" height="100" align="left" style="margin: 5px;" />This script takes simple DIV elements and makes them change state when you mouseover, mouseout, and press on them.All you have to do is create your DIV elements, create 3 stylesheet rules, and run a javascript command for each 'class' of button. http://www.javascriptbank.com/hoverbuttons-script.html 1170115690 OzyButton <img src="http://www.javascriptbank.com/javascript.images/form/ozybutton.jpg" width="100" height="100" align="left" style="margin: 5px;" />This <a href="/javascript/">JavaScript</a> lets you click a <a href="/javascript/form/button/">button</a> & see the text inside that button, as more text appears the <a href="/javascript/form/button/">button</a> gets larger. http://www.javascriptbank.com/ozybutton.html 1170115688