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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ljz7LZt9VzuaJ8r8SmP4FoHrT32_fDsuppm8LpEiXS8zypm5b6TUFyxLRp3MV_bWi453qoybIbk7D-__SxaIb2bYuc48zSkink9Vc7zZ3Z0aZPAd9PTItBk52axGFMFs7Um0sZpIzPk/s1600/How-to-make-thermometer-C" 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>
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ljz7LZt9VzuaJ8r8SmP4FoHrT32_fDsuppm8LpEiXS8zypm5b6TUFyxLRp3MV_bWi453qoybIbk7D-__SxaIb2bYuc48zSkink9Vc7zZ3Z0aZPAd9PTItBk52axGFMFs7Um0sZpIzPk/s1600/How-to-make-thermometer-C" 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:
No comments:
Post a Comment