wallacexin

 

模拟投票系统

<script src="jquery-1.4.4.min.js"></script>
<script>
$(document).ready(
  function(){
     $('#add').click(function(){
        if ($("#vote_img").height() <= 95) {
            $("#vote_img").animate({ height: "+=3px" });
        } else {
            $("#vote_img").animate({ height: "98px" });
        }
     }),
     $("#plus").click(function() {
        if ($("#vote_img").height() >= 3) {
            $("#vote_img").animate({ height: "-=3px" });
        } else {
            $("#vote_img").animate({ height: "0px" });
        }
    });
  }
)
</script>
<div style="background:url(vote_bg.gif) repeat-y;  height:100px; width:20px;"><img style="display:inline; height:5px; width:18px;" id="vote_img" src="vote_1.gif" /></div>
<input type="button" value="add" id="add"/><br />
<input type="button" value="plus"  id="plus" />

posted on 2010-12-24 16:47 哇莱士 阅读(150) 评论(0)  编辑 收藏 引用 网摘 所属分类: JQUERY


只有注册用户登录后才能发表评论。
网站导航:

导航

统计

留言簿

随笔分类

随笔档案

文章分类

搜索

最新评论

阅读排行榜

评论排行榜