代码如下:<form id="fileForm" action="" method="post" enctype="multipart/form-data"> <tr> <td> <input type="file" name="file"><input type="button" id="addButon" value="Add" onclick="add()"> </td> </tr> </form> 核心jquery代码 代码如下://添加一行<tr> function add() { var content = "<tr><td>"; content += "<input type=file name=file><input type=button value=Remove onclick=remove(this)>"; content += "<...
来看下效果图 一、先来说下功能： 1.点击“确定”显示日历 2。再次点击隐藏，或从DOM中删除这个日历。如些反复第一，和第二这两步。 3.让日历中显示当前月份日期(多少天，每天是多少号)。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 二、再来说下HTML结构。 1.上面蓝色的是一个DIV，显示当前月分，和上月，下月。 2.下面的日期和星期，是用一个table结构存放数据。星期用thead,日期用：tbody存放。 三、功能展...
代码如下:<input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是：<br> <input type="checkbox" name="nation" value="Germany">德国 <input type="checkbox" name="nation" value="Denmark">丹麦 <input type="checkbox" name="nation" value="Holland">荷兰 <input type="checkbox" name="nation" value="Portugal">葡萄牙 1、小组第一名和第二名出线，所以要限制只能选两项。 代码如下:var len = $("input[na...
在正式开始本文之前，先来简单介绍下HTML的<a>标签：使用<a>标签，我们可以在HTML页面上定义锚（anchor），锚有两种用法： 通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） 本文的内容与锚的第一种用法有关。 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebF...
所以还是自己动手丰衣足食，还是坚持简单就是美的代码风格。 试试在iframe里嵌入一个测试页面，你可以使用鼠标拖动项目，调整分类： 当然，这并不是我要的最终效果，只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上，还要增加自动排序，位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下，如要复制，请先查看纯文本版本！ 代码如下:<!DOCTYPE html> <html> <head> <title>Drag & Drop Test</title> <met...
在线演示：http://demo.jb51.net/js/2012/callboard/jQuery代码 代码如下://第二版：Newton改造 (function (win){ var callboarTimer; var callboard = $(#callboard); var callboardUl = callboard.find(ul); var callboardLi = callboard.find(li); var liLen = callboard.find(li).length; var initHeight = callboardLi.first().outerHeight(true); win.autoAnimation = function (){ if (liLen <= 1) return; var self = arg...
主要参数 jQuery UI Dialog常用的参数有： 1、autoOpen：默认true，即dialog方法创建就显示对话框 2、buttons：默认无，用于设置显示的按钮，可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3、modal：默认false，是否模态对话框，如果设置为true则会创建一个遮罩层把页面其他元素遮住 4、title：标题 5、draggable：是否可手动，默认...
这个东西让我想起了俄罗斯方块，这个实现起来很简单，容器里面所有的块元素用绝对定位排列，如果能放的下就放在这里，如果放不下了，在队列中找到能放得下的元素放置， 实在找不到，则换行排列下一行，具体思路是这样。代码里有详细的注释直接看代码吧。 下面是一个demo: http://demo.jb51.net/js/2012/sortRect/代码打包下载 sortRect.rar 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text...
下面是Js片段在IE9，Firebox 10.0.2 中测试过 : 代码如下:$(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target; if (d.tagName.toUpperCase() == INPUT || d.tagName.toUpperCase() == TEXTAREA) { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else doPrevent = false; if (doPrevent) e.preventDefault(); }); 关于如何确定Backspace键的代码可...
代码如下:<head> <title>test count down button</title> <script src="http://demo.jb51.net/jslib/jquery/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(#btn).click(function () { var count = 3; var countdown = setInterval(CountDown, 1000); function CountDown() { $("#btn").attr("disabled", true); $("#btn").val("Please wait " + count + " seconds!")...
代码如下:/* 对页面上的字体增大、缩小、恢复原始大小 需要在html页面中定义三个元素 元素的class分别为 resetFont、increaseFont、decreaseFont 在本文件的JQuery事件中分别定义了三个元素的click事件来实现增大、缩小、恢复原始大小 */ $(function () { //取得字体大小，在html标记下定义了font-size var originalFontSize = $("html").css("font-size"); //恢复默认字体大小 $(".resetFont").click(function () { $("html").css...
each()遍历元素（k1） 代码如下:$(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值（k1）attr(name) 代码如下:$(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title属...
代码如下:<script language="javascript" > $(document).ready(function(){ function show(){ var mydate=new Date(); var str = "" + mydate.getFullYear() + "年"; str += (mydate.getMonth() + 1) + "月"; str += mydate.getDate() + "日 <br/>"; str += mydate.toLocaleTimeString(); str += ":" + mydate.toLocaleTimeString(); str += ":" + mydate.getMilliseconds() + " <br/>星期"; str += "天一二三四五六".charAt(myd...
语法： empty() remove(expr); empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除，如： html 代码如下:<div> <p id="emptyTest">此标签的使用empty方法删除</p> <p>以下的标签将被删除</p> <p class="emptyTest">准备使用remove方法删除</p> <p class="emptyTest">准备使用remove方法删除</p> <p class="emptyTest">准备使用remove方法删除</p> </div> javascript 代码如下:<script type="text/ja...
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？ 我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。 首先我们先画一个进度条的样子，也就是上图图中的样子，这个不用过多说明，自己看代码 CSS 代码如下:*{margin:0;padding:0;font-size:12px} .loading{positio...