注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Bioinformatics home

 
 
 

日志

 
 

Jquery学习  

2009-05-08 17:12:51|  分类: Jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="test_Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script src="../Scripts/jquery.js" type="text/javascript"></script>

    <script src="../Scripts/spinButton.js" type="text/javascript"></script>

    <style type="text/css">
        .small
        {
            background-color: #0066FF;
        }
        .big
        {
            background-color: #FFFF00;
        }
    </style>
</head>

<script type="text/javascript">
$(document).ready(function(){
  $('#number').spin();
  //$('#number').spin({interval:10});
  //$('#number').spin({max:100,min: -100});
  //$('#number').spin({imageBasePath: '/images/'});
 
  $("#child").click(function(){
 
   $("div").find("#parent").each(function(){
 
  $("table").append("<tr> <td>xxx</td> <td> </td><td>777</td></tr>");
 
   $("tr:even").css("background-color","blue");
  $("tr:odd").css("background-color","red");
  
   });
 
});

  $("#Div1").click(function(){
 
   $("div").find("#parent").each(function(){ 
 $("table tr:first").remove();
  
   });
 
});

$(":text").each(function(){

 if($(this).hasClass("text2"))
 
 {
 
 $(this).keyup(function(){

if(event.keyCode==13)
{
alert($(this).attr("value"));
 
}
else
{
$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join("---") );

}

});
}

});


$("#Div1").mouseover(function(){

//alert("移动!");

});

 

 
 
//  $("tr:even").css("background-color","blue");
//  $("tr:odd").css("background-color","red");
 
 
  $("span").hover(function(){
  
  $(this).attr("class","big");
  $(this).fadeOut("slow", function(){

 
  });
  }, function(){
 
  $(this).attr("class","small");
   $(this).fadeInt("slow");
  })
 
});
</script>

<body>

<p>
jjjj

</p>

<br />
    <input type="text" id="number" value="50" class="text1" />
    <input type="text" id="number2" value="50" class="text2" />
    <br />
    <br />
    <span class="xx">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span>
    <div>
        <div id="parent" ref="x谢谢xx">
            <table style="width: 100%;">
                <tr>
                    <td>
                        &nbsp;ssssssss
                    </td>
                    <td>
                        &nbsp;ffffffff
                    </td>
                    <td>
                        &nbsp;sssssss
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;gggggggg
                    </td>
                    <td>
                        &nbsp;sssssss
                    </td>
                    <td>
                        &nbsp;sssssssss
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;gggggggg
                    </td>
                    <td>
                        &nbsp;gggggggg
                    </td>
                    <td>
                        &nbsp;gggggggg
                    </td>
                </tr>
            </table>
            谢福亮
            <div id="child">
                mmm
            </div>
            <div id="Div1">
                xxxx
            </div>
        </div>
    </div>
</body>
</html>

  评论这张
 
阅读(635)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017