How to make a image submit button in html

December 08, 2013

How to make a image submit button in html
Code:
<head>
<title>
http://softproweb.blogspot.com/
</title>
<script src="http://code.jquery.com/jquery-1.6.4.js">
</script>
<script>
$(document).ready(function() {
    $("button").click(function(event) {
        $('#b').animate({left:'250px',
      opacity:'0.5',

      height:'150px',

      width:'150px'});
    });
});
</script>
<style>
#a{
background-color: rgb(0,255,0);
}
.p-tag {
color: #0C9;
}
</style>
</head>

<body>
<h2 id="a"><a href="http://softproweb.blogspot.com/">http://softproweb.blogspot.com/</a></h2>
<hr color="black">
<h2 id="a">Talha Alam</h2>
<img src="http://2.bp.blogspot.com/-MH8rI3D_F4g/UcP3CpAcevI/AAAAAAAAA1g/iyK6BDWHC6E/s1600/How-to-make-thermometer-C#2.png" id="b" alt="" style="bottom: 0px; position: relative;">
<button>animate</button>
<p class="p-tag"><strong>Windows 8 users</strong>: Due to system limitations, only plug-ins using <a href="https://developers.google.com/native-client/" target="_blank">Pepper API</a>, such as Flash, Native Client, and Chrome PDF Viewer will function properly when Chrome runs as a Windows 8 app.</p>
<h2 id="a"><a href="http://softproweb.blogspot.com/">http://softproweb.blogspot.com/</a></h2>

</body>

Screen Shot:

How to make a image submit button in html

You Might Also Like

0 comments

Popular Posts

Like us on Facebook

Flickr Images