數(shù)據(jù)加載中……

          2009年10月12日

          jquery validation

               摘要:  1<%@page contentType="text/html; charset=GBK"%>  2<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  3<%@ taglib uri="http:/...  閱讀全文

          posted @ 2009-10-15 13:37 R99 閱讀(406) | 評論 (0)編輯 收藏
          [jQuery]animate(滑塊滑動)

          html

          <p><href="#" class="run">Run</a></p>
          <div id="box">
          </div>
          css
          <style type="text/css">
          body 
          {}{
              margin
          : 20px auto;
              padding
          : 0;
              width
          : 580px;
              font
          : 80%/120% Arial, Helvetica, sans-serif;
          }

          {}{
              font-weight
          : bold;
              color
          : #000000;
          }

          #box 
          {}{
              background
          : #6699FF;
              height
          : 100px;
              width
          : 100px;
              position
          : relative;
          }

          </style>


          jquery
           1$(document).ready(function(){
           2    $(".run").click(function(){
           3    
           4        $("#box").animate({opacity: "0.1", left: "+=400"}1200)
           5        .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}"slow")
           6        .animate({opacity: "1", left: "0", height: "100", width: "100"}"slow")
           7        .animate({top: "0"}"fast")
           8        .slideUp()
           9        .slideDown("slow")
          10        return false;
          11    
          12    }
          );
          13}
          );

          posted @ 2009-10-13 18:01 R99 閱讀(442) | 評論 (0)編輯 收藏
          jquery學習筆記

          :has 

          1<div style="width:100%;height:100%;border-style:solid;border:2px;">
          2    <div style="width:40px;height:30px;border-style:solid;border:2px;">
          3        <p>Hello</p>
          4    </div>
          5    
          6    
          7    
          8</div>
          $("div:has(p)")


          選中的是最外層的div

          posted @ 2009-10-12 17:43 R99 閱讀(156) | 評論 (0)編輯 收藏
          主站蜘蛛池模板: 安庆市| 绍兴县| 琼海市| 镇赉县| 通河县| 鄯善县| 拉萨市| 西充县| 河北区| 丹阳市| 屯昌县| 米林县| 轮台县| 饶河县| 富裕县| 松阳县| 闽清县| 逊克县| 宜都市| 江山市| 磐安县| 宝坻区| 突泉县| 高雄县| 呼伦贝尔市| 惠来县| 上虞市| 玉树县| 南宁市| 平陆县| 三原县| 日照市| 怀安县| 绥阳县| 托克托县| 永城市| 班玛县| 鸡泽县| 武定县| 三江| 乌拉特中旗|