Send Button And Jquery Effect

  • Hello.I want to make a jquery effect for send comment button.But when I delete code, the effect doesn’t work.And there isn’t code in send comment code.It begins <input>.How can I put send comment code in jquery effect code?

    This is send comment code:

    <p><input name="submit" type="submit" id="submit" tabindex="5" value="Yorumu G?nder" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

    This is jquery effect code:

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){

    //Set opacity on each span to 0%
    $(".rollover").css({'opacity':'0'});

	$('.img_list a').hover(
		function() {
			$(this).find('.rollover').stop().fadeTo(500, 1);
		},
		function() {
			$(this).find('.rollover').stop().fadeTo(500, 0);
		}
	)

});
</script>

<style type="text/css">

img { border:0px; }

ul.img_list {
	display:inline;
	float:left;
	height:280px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	

li.image_one a {
	display:block;
	width:120px;
	height:30px;
	position:relative;
}	

li.image_one a .rollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:30px;
	background:url(images/gonder2.png);
}

</style>	

</head>

<body>

<ul class="img_list">
    <li class="image_one"><a href="#">
<span class="rollover"></span><img src="https://zone.org/images/gonder.png" alt="" width="120" height="30" /></p></a></li>
</ul>

  • The topic ‘Send Button And Jquery Effect’ is closed to new replies.