随笔档案「2013年4月」 - 小菜鸟——

jQuery邮箱验证

摘要：<!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> <title></title> <style type="text/css"> .txtbackcolor 阅读全文

posted @ 2013-04-23 19:27 小菜鸟—— 阅读(498) 评论(0) 推荐(0)

查看图片前进后退效果

摘要：<!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> <title></title> <style type="text/css"> #mydiv { posi 阅读全文

posted @ 2013-04-23 19:25 小菜鸟—— 阅读(241) 评论(0) 推荐(0)

jQuery实现全选与反选

摘要：<!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> <title></title> <style type="text/css"> table img { w 阅读全文

posted @ 2013-04-22 14:32 小菜鸟—— 阅读(204) 评论(0) 推荐(0)

jQuery图片复制

摘要：<!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> <title></title> <style type="text/css"> .imgclass{ wi 阅读全文

posted @ 2013-04-22 10:13 小菜鸟—— 阅读(1497) 评论(0) 推荐(0)

jQuery在p前后添加节点

摘要：<!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> <title></title> <script src="jquery-1.9.1.js" type=" 阅读全文

posted @ 2013-04-22 10:12 小菜鸟—— 阅读(182) 评论(0) 推荐(0)

jQuery设置页面样式

摘要：<!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> <title></title> <style type="text/css"> p { backgroun 阅读全文

posted @ 2013-04-18 17:57 小菜鸟—— 阅读(333) 评论(0) 推荐(0)

内容选择器

摘要：<!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> <title></title> <style type="text/css"> img { width:2 阅读全文

posted @ 2013-04-18 17:55 小菜鸟—— 阅读(160) 评论(0) 推荐(0)

jQuery属性过滤器

摘要：<!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> <title></title> <style type="text/css"> div { width:2 阅读全文

posted @ 2013-04-18 14:15 小菜鸟—— 阅读(273) 评论(0) 推荐(0)

jQuery随机改变图片

摘要：<!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> <title></title> <style type="text/css"> img { width:2 阅读全文

posted @ 2013-04-18 14:13 小菜鸟—— 阅读(370) 评论(0) 推荐(0)

jQuery隔行变色

摘要：<!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> <title></title> <style type="text/css"> .imgclass { w 阅读全文

posted @ 2013-04-17 20:47 小菜鸟—— 阅读(168) 评论(0) 推荐(0)

jQuery基本选择器

摘要：<!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> <title></title> <style type="text/css"> .imgclass { w 阅读全文

posted @ 2013-04-17 20:44 小菜鸟—— 阅读(128) 评论(0) 推荐(0)

jQuery层次选择器

摘要：<!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> <title></title> <style type="text/css"> .imgclass { w 阅读全文

posted @ 2013-04-17 20:43 小菜鸟—— 阅读(146) 评论(0) 推荐(0)

JS操作图片（添加，更改，删除）

摘要：<!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> <title></title> <style type="text/css"> Image { width 阅读全文

posted @ 2013-04-17 20:38 小菜鸟—— 阅读(6299) 评论(0) 推荐(0)

导航条（收起展开）

摘要：<!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> <title></title> <style type="text/css"> body { font-s 阅读全文

posted @ 2013-04-17 20:32 小菜鸟—— 阅读(625) 评论(0) 推荐(0)

用jQuery访问DOM对象

摘要：<!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> <title></title> <style type="text/css"> .divFrame { w 阅读全文

posted @ 2013-04-16 17:42 小菜鸟—— 阅读(168) 评论(0) 推荐(0)

JS使用传统的方法访问DOM对象

摘要：<!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> <title></title> <style type="text/css"> .divFrame { w 阅读全文

posted @ 2013-04-16 17:36 小菜鸟—— 阅读(189) 评论(0) 推荐(0)

JS创建替换删除节点

摘要：<!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> <title></title><script type="text/javascript"> functi 阅读全文

posted @ 2013-04-16 17:33 小菜鸟—— 阅读(353) 评论(0) 推荐(0)

JS张开收缩图片

摘要：<!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> <title></title> <style type="text/css"> .image { widt 阅读全文

posted @ 2013-04-16 17:32 小菜鸟—— 阅读(198) 评论(0) 推荐(0)

JS更换图片

摘要：<!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> <title></title> <script type="text/javascript"> // 方法阅读全文

posted @ 2013-04-16 17:30 小菜鸟—— 阅读(1422) 评论(0) 推荐(0)

采用三层做的小项目

摘要：要求：背景：医院为病人做随访，随访内容包括，姓名，年龄，性别，地址，身高，体重，血压，随访日期，下次随访日期1. 功能：录入随访信息，更改随访信息，显示随访信息2.要求：本次随访日期和下次随访日期自动生成：本次随访日期就是当前日期；下次随访日期根据随访周期动态生成3.随访周期为15天4.采用三层架构查看前台：<body> <form id="form1" runat="server"> <div> <asp:LinkButton ID="LinkButton2" runat="s 阅读全文

posted @ 2013-04-09 20:13 小菜鸟—— 阅读(338) 评论(0) 推荐(0)

JS中改变时间

摘要：<script type="text/javascript"> var thedate = new Date('2012, March, 7,12:11:22'); thedate.setFullYear(2013);//将年份改成2013 alert(thedate.toLocaleString()); thedate.setFullYear(2013,3,8);//将年月日分别变为了2013，4，8 alert(thedate.toLocaleString()); thedate.setDate(1);//将日变成了1 alert(theda 阅读全文

posted @ 2013-04-09 19:43 小菜鸟—— 阅读(399) 评论(0) 推荐(0)

JS时间的不同写法

摘要：<script type="text/javascript"> var thedate = new Date(2012, 3, 7, 12, 11, 12,222); alert(thedate.toLocaleString());//时间将变成本地的字符串表示 alert(thedate.getMilliseconds());//获取毫秒 var thedate = new Date('2012, March, 7,12:11:22'); alert(thedate.toLocaleString()); //时间将变成本地的字符串表示 aler 阅读全文

posted @ 2013-04-09 19:42 小菜鸟—— 阅读(182) 评论(0) 推荐(0)

JS时间的获得

摘要：<script type="text/javascript"> var thedate = new Date(); alert('LocaleString:' + thedate.toLocaleString()); //将时间转换成本地的字符串表示 alert('LocaleDateString:' + thedate.toLocaleDateString());//将年月日转换成本地的字符串表示 alert('LocaleTimeString:' + thedate.toLocaleTimeString()); 阅读全文

posted @ 2013-04-09 19:37 小菜鸟—— 阅读(219) 评论(0) 推荐(0)

push,concat,slice,pop的简单用法

摘要：<script type="text/javascript">//pushi方法可以在数组末尾添加一项或者多项，更改的原来数组 var array = ['唐玄奘', '孙悟空', '猪刚烈', '沙悟净']; array.push('白龙马'); alert(array.toString()); array.push('牛魔王', '铁扇公主', '红孩儿'); alert(array.toString()); //产生一个新数组，不阅读全文

posted @ 2013-04-09 18:01 小菜鸟—— 阅读(319) 评论(0) 推荐(0)

JS跑马灯效果

摘要：<head> <title>我是个好人！</title> <script type="text/javascript"> var x = 20; alert(isNaN(x)); //判断其是不是数字 function scroll() { var title = document.title; var fristchar = title.charAt(0); //在从中取第一个字符；(charAt) var rightstr = title.substring(1, title.length); //结束位置必须是title 阅读全文

posted @ 2013-04-09 17:57 小菜鸟—— 阅读(252) 评论(0) 推荐(0)

arguments的简单用法

摘要：<script type="text/javascript"> //Js中的函数可以不显式定义参数，arguments就是参数集合，在调用函数是传入了几个参数， //arguments集合就包含所有的传入参数，且参数顺序和传入顺序一致 //js中的函数不需要显式的声明返回值 function showHe() { //alert(arguments[0]+arguments[1]+arguments[2]); return arguments[0] + arguments[1] + arguments[2]; } function getshowhe() { v 阅读全文

posted @ 2013-04-09 17:54 小菜鸟—— 阅读(260) 评论(0) 推荐(0)

continue，break，return的区别（验证）

摘要：<script type="text/javascript"> /* continue:结束本次循环，循环变量继续递增或递减，开始下次循环 break:结束循环，执行循环后面的代码(如果有的话) return:结束函数的执行，return后面的所有代码都不再执行 */ function showinfo() { for (var i = 0; i < 10; i++) { if (i == 5) { //continue; //break; return; } ... 阅读全文

posted @ 2013-04-09 17:50 小菜鸟—— 阅读(234) 评论(0) 推荐(0)

JS版简单登录

摘要：<script type="text/javascript"> function validator() { var username = document.getElementById('txtUserName').value; var password = document.getElementById('txtPassword').value; //alert(username+","+password); if (username == 'admin' && passwo 阅读全文

posted @ 2013-04-09 17:48 小菜鸟—— 阅读(814) 评论(0) 推荐(0)

Js版九九乘法表

摘要：<script type="text/javascript"> for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { //document.write(i + '*' + j + '=' +i*j + '\t'); document.write(i + '*' + j + '=' + ((i * j) > 9 ? (i * j) : "  " 阅读全文

posted @ 2013-04-09 17:45 小菜鸟—— 阅读(199) 评论(0) 推荐(0)

JS练习（Array的应用）

摘要：<script type="text/javascript"> //为Array赋值的方法 function showarray() { var array = new Array(); array[0] = 1; array[1] = 2; array[2] = 3; array[3] = 4; //虽然在定义Array时声明了数组的元素个数，但是可以随意扩充 var array = new Array(4); array[0] = 1; array[... 阅读全文

posted @ 2013-04-09 17:40 小菜鸟—— 阅读(204) 评论(0) 推荐(0)

点击标题显示内容页（连上）

摘要：前台：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebShowXx.aspx.cs" Inherits="GridWive.WebShowXx" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 阅读全文

posted @ 2013-04-01 22:08 小菜鸟—— 阅读(207) 评论(0) 推荐(0)

添加页（连上）

摘要：前台：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WeAdd.aspx.cs" Inherits="GridWive.WeAdd" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">< 阅读全文

posted @ 2013-04-01 22:06 小菜鸟—— 阅读(153) 评论(0) 推荐(0)

连上篇，编辑页

摘要：前台：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebEdit.aspx.cs" Inherits="GridWive.WebEdit" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 阅读全文

posted @ 2013-04-01 22:04 小菜鸟—— 阅读(149) 评论(0) 推荐(0)

GridView的简单用法（分页，编辑，删除，选中删除）

摘要：用法包含分页，编辑，删除，选中删除等前台：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="grid.aspx.cs" Inherits="GridWive.grid" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. 阅读全文

posted @ 2013-04-01 22:02 小菜鸟—— 阅读(281) 评论(0) 推荐(0)

简单的JS计算器

摘要：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JSQ.aspx.cs" Inherits="周五的练习Kindeditor3._29.JSQ" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g 阅读全文

posted @ 2013-04-01 21:56 小菜鸟—— 阅读(207) 评论(0) 推荐(0)

不实用数据库实现保存和查询功能

摘要：前台：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="作业一保存搜索.aspx.cs" Inherits="周五的练习Kindeditor3._29.作业一保存搜索" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. 阅读全文

posted @ 2013-04-01 21:55 小菜鸟—— 阅读(189) 评论(0) 推荐(0)