Wide skyscrapper 160X600 px allways on TOP! also by scrolling <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="jquery_scroll.js"></script><script type="text/javascript"> $( document ).ready( function () { $( '#map' ).scrollFollow( {container: 'result1' } ); } );</script><title>jafarkhan.blogspot.com</title><body > <style type="text/css">*{ margin: 0;…
Category Archives Jquery
how to fix div in bottom/top<div style="background:#000; height:10px; margin:0 auto ; width:100%; position: fixed; z-index:200; bottom:0px; ">this is testing </div>
How to create dive corner without image How to create dive corner without image Here you make comer without image with the help of jQuery. Code Here : <!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script language="JavaScript" src="jquery-1.6.js"></script><script language="JavaScript" src="jquery.corner.js"></script><script language="javascript">$('#divID').corner("10px");</script></head><body><div id="divID" style="width:300px; height:200px; background-color:#090;" > test round couner</div></body></html>Example
How to validate url in java script How to validate url in java scripturl validation in java scripHow to validate url in java scriptThis function can be used for validating url function isURL(s) { var regexp = /http://[A-Za-z0-9.-]{3,}.[A-Za-z]{3}/; return regexp.test(s);} <html><head></head><script language="javascript">function isURL(s) { var regexp = /http://[A-Za-z0-9.-]{3,}.[A-Za-z]{3}/; alert(regexp.test(s));}</script><body> <form> <input type="text" name="url" size="20" id="url"/> <input type="button" value="Validate" onClick="javascript:isURL(document.getElementById('url').value);"/> </form></body></html>
Title Bar Scrolling Marquee Title Bar Scrolling Marquee Use the Title Bar Marquee/Scroller generator at the top of the page to automatically generate a scrolling title bar for your page.<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Static Title</title> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="jquery.marqueetitle.js"></script> <script language="JavaScript" type="text/javascript"> $(document).ready(function() { $(document).marqueeTitle({ 'message' : ' Example Marquee Text (Jafar Khan 9451293997)', 'time' : 400 }); …
HTML is added into each box, when it moves to the back it doesn't scale correctly. It keeps the same size. Ideally I'd like it to scale to match, but not having much look.<!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></title><link href="css/commonstyles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript" src="scripts/jquery.min.js"></script> <script type="text/javascript" language="javascript" src="scripts/jquery-ui.min.js"></script> <script src="scripts/jquery.roundabout.js" type="text/javascript"></script> <script src="scripts/default.js"…
Nivo jQuery Slider Nivo Slider is the world's most popular jQuery image slider, and it's completely free! Current Features16 unique transition effectsSimple clean & valid markupLoads of settings to tweakBuilt in directional and control navigationSupports linking imagesHTML CaptionsCode <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><html ><head> <title>Nivo Slider Demo</title> <link rel="stylesheet" href="../themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../themes/pascal/pascal.css"…
Here you can change Hindi fount to Unicode with the help of Javascript Function Here you can get all links links where you can Converter Hindi fontData Conversion gives the facility to convert Hindi Font Data to UnicodeExample 1. Call javascript Function below Body Tag <script type="text/javascript">function convert_to_unicode(objValue,showerID){var array_one = new Array( "ñ","Q+Z","sas","aa",")Z","ZZ","‘","’","“","”","å", "ƒ", "„", "…", "†", "‡", "ˆ", "‰", "Š", …
Horizontal List Menu<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jafaralikhan.blogspot.com</title><link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" /><script type="text/javascript" src="csshorizontalmenu.js"></script></head><body><div class="horizontalcssmenu"><ul id="cssmenu1"><li style="border-left: 1px solid #202020;"><a href="http://jafaralikhan">Home</a></li><li><a href="http://jafaralikhan.blogspot.com" >Free JS</a></li><li><a href="http://jafaralikhan.blogspot.com">JS Tutorials</a></li><li><a href="http://jafaralikhan.blogspot.com">References</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">JS Reference</a></li> <li><a href="http://jafaralikhan.blogspot.com">DOM Reference</a></li> <li><a href="http://jafaralikhan.blogspot.com">CSS Reference</a></li> </ul></li><li><a href="http://jafaralikhan.blogspot.com">web Tutorials</a></li><li><a href="http://jafaralikhan.blogspot.com">Resources</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Dynamic HTML</a></li> <li><a href="http://jafaralikhan.blogspot.com">Coding Forums</a></li> <li><a href="http://jafaralikhan.blogspot.com>CSS Drive</a></li> <li><a href="http://jafaralikhan.blogspot.com>CSS…
Vertical and horizontal marquee Vertical and horizontal marquee with java script html Code <html><head><style>#marqueehor{ position: absolute; bottom:0; left:0; width: 100%; height: 60px; border: 1px solid black;}#marqueehor div{ border: 1px solid red; padding: 20px; height: 60px; position: absolute; top: 0;}#marqueever{ position: absolute; left:0; top: 0; border: 1px solid black; width: 100px; height: 400px;}#marqueever div{ border: 1px solid red; padding: 20px; width:…