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:…
Category Archives HTML
Urban Gray Accordion jQuery Menu and css MenuUrban Gray Accordion Menu is a clean, vertical menu with headers that are activated "mouseover" (200 millisec delay). Each header is hyperlinked itself, feasible since the headers are toggled "mouseover" instead of "onclick". This is an easy to customize, attractive vertical list menu.Html Code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="ddaccordion.js"></script><script type="text/javascript">ddaccordion.init({ headerclass: "headerbar", //Shared…
The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery. Your…
jQuery sliders (css, and javascript)Comfortable All browser.Automatic Image Slider w/ CSS & jQueryMost likely Banner slider jquery programs you will need for your work. ... slider images and jquery slider range in minutes just by some clicks...css knowledge ... Download JavaScript Slider Image Gallery...Html javascript and Css <style type="text/css" media="screen">#slider { width: 410px; /* important to be same as…
Simple html text editorwe tell how to install html text editorTinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems. <html><head> <title>Demo 1 : It-solution</title></head><body><div id="sample"><script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script><script type="text/javascript"> bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });</script><form name="" id="" action="demo.html" method="post"><h4>First Textarea</h4><textarea name="area1" style="width:400px;" cols="35"></textarea><br><input type="submit" name=""…
Vertical menu (css, and javascript)Comfortable All browser <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" /><script type="text/javascript" src="cssverticalmenu.js"></script></head><body><ul id="verticalmenu" class="glossymenu"><li><a href="http://www.it-solution.in">Menu1</a></li><li><a href="http://www.it-solution.in" >Menu2</a></li><li><a href="http://www.it-solution.in">Menu3</a></li><li><a href="http://www.it-solution.in">Menu4</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu1</a></li> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu3</a></li> </ul></li><li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Menu2</a></li><li><a href="http://www.javascriptkit.com/howto/">Menu2</a></li><li><a href="#" >Menu2</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> </ul></li></ul>See Demo
Simple Tabs CSS & jQuery - Easy Tab Tutorial with CSS and jQueryI know there are quite a few tutorials out there that demonstrate how to create tabs with CSS & jQuery, but I decided to create my own as well. I’m not sure if the techniques are the same, but hopefully this tutorial will be easy to understand even…
Check file Size Validation on PhpCheck file Size Validation on Phpdefine("MAX_SIZE",20000);$target_path='fileUpload/';if($_FILES["fileUp"]["size"] < MAX_SIZE){ if(move_uploaded_file($_FILES['fileUp']['tmp_name'], $target_path)) { echo "The file has been uploaded"; } else{ echo "Error Uploading!"; }}else{echo "Large size!";}
Create a sortable table with multi-column sorting capabilities.A simple Table Sorter.tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including: Multi-column sortingParsers for sorting text,…
onclick empty text boxwhen you click text box then empty text box and when you out text box without enter any words then insert default Value <input name="username" type="text" value="username" onfocus="if(this.value=='username')this.value=''" onblur="if(this.value=='')this.value='username'" /> See Exampleif you Like this code then Please do the comments