Skip to main content

Posts

Showing posts with the label css

iPhone Web Application with jQuery

http://www.jqtouch.com http://developer.apple.com/safari/library/navigation/index.html http://iphone.hohli.com http://www.leapbeyond.com/ric/scuba/appletdemo/FullScreenMap.htm http://econym.org.uk/gmap/example_fullscreen1.htm
Post a Comment
Read more

Animate background with jQuery

example to Animate background with jQuery 1 currentID = Math.floor(Math.random()*imgs.length) 2 newImage = "url(" + imgs[currentID] + ")"; 3 $("#topdiv").animate({opacity: 'toggle'}, "slow", function () 4 { 5 document.getElementById('topdiv').style.backgroundImage = newImage; 6 $("#topdiv").animate({opacity: 'toggle'}, "slow"); 7 } 8 ); change div background document.getElementById('topdiv').style.backgroundImage = newImage;
Post a Comment
Read more

Filters and Transitions in css

Introduction to Filters and Transitions With Microsoft Internet Explorer 4.0 and above, you can apply various multimedia-style visual effects to your Web page. You can implement these effects in Web pages using Cascading Style Sheets (CSS) properties. By combining filters and transitions with basic scripting, you have a powerful tool for creating visually engaging and interactive documents. Internet Explorer 5.5 and above supports the richest variety of optimized filters. Most examples in this article require that you have Internet Explorer 5.5 installed. This article includes the following sections, which explain how to use filters and transitions to add visual effects to your Web page. Creating Multimedia Effects with Visual Filters and Transitions Defining Visual Filters Scripting Filters Filter Design Considerations Visual Filter Scenarios Transitions Interpage Transitions Transition Design Considerations Transition Scenarios Filter and Transition User Interface Scenarios Downlevel...
Read more

Using the enter key to submit a form

<input name="LoginPass" type="password" id="LoginPass" onkeydown="if ((event.which && event.which == 13) (event.keyCode && event.keyCode == 13)) { DoSubmit(1); return false; } else return true;" />
Read more

Add a page break to a HTML page

<STYLE type="text/css"> .newpage { page-break-after: always; } </STYLE> <p class="newpage" />
Read more

Display your own logo on address bar

Display your own logo (icon 16x16) on address bar and in the favorites list <head> <LINK REL="SHORTCUT ICON" HREF="http://hoojo.com/appimages/hoojo.ico" /> </head>
Read more

3 column layout css

here is demo css code for 3 columns layout. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>3 columns css demo</title> <style type="text/css"> <!-- #block_1 { float: left; width: 50%; margin-left: 20%; } * html #block_1 { display: inline; } #block_2 { float: left; width: 20%; margin-left: -70%; } #block_3 { float: left; width: 30%; } #block_1, #block_2, #block_3 { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } #wrapper { overflow: hidden; } /* easy clearing */ #wrapper:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; } #wrapper { display: inline-block; } #wrapper { display: block; } #footer { clear: both; } .all{ background-color:#006666;} .blue{ background-color:#0066FF;} .red{ backg...
Read more

Auto Scrolling DIV tags

<div id="demoID" style="overflow: auto; height: 200px; width:300px;"> your content here. </div> Dow falls below 12,000 after jobs report Stocks slid again today after a worse-than-expected jobs report added to worries about the health of the economy. At 2:15 p.m. ET, the Dow Jones Industrial Average was down 171 points to 11,869, falling below the key 12,000 level. The Dow had been trading around that level for most of the morning. The Dow plunged 215 points on Thursday. The Nasdaq Composite Index was down 21 points to 2,198, and the Standard & Poor's 500 Index had lost 16 points to 1,288. The S&P lost 29 points Thursday to close at 1,304, the lowest closing level since Sept. 22, 2006.
Read more