JavaScript特效实例013-日期选择器

最新推荐文章于 2023-04-24 00:32:58 发布
最新推荐文章于 2023-04-24 00:32:58 发布
阅读量1.1k 收藏 2
点赞数 1
分类专栏： JavaScript网页特效范例 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yejinwei1220/article/details/45843245
版权

实例013                              日期选择器

实例说明

     弹出日期选择器来供用户来选择日期。

技术要点

本例主要使用window对象的showModalDialog()方法实现。

实现过程

（1）用来弹出日期选择器的主页面。点击图片弹出日期选择器，然后在文本框输出选择的日期。 
<!DOCTYPE html>
<html>
<head>
	<title>日期选择器</title>
	<meta charset="utf-8"/>
	<script type="text/javascript">
	function pp(field)
	{
		var rtn = window.showModalDialog("time.html","","dialogWidth:280px;dialogHeight:250px;status:no;help:no;scrolling=no;scrollbars=no");
		if(rtn!=null)
		{
			field.value=rtn;
			return;
		}
	}
	</script>
</head>
<body>
<form id="form1" name="form1">
	<input type="text" name="time1" id="time1"/>
	<img src="Images/new.jpg" width="20px" height="20px" οnclick="pp(form1.time1)">
</form>
</body>
</html>

（2）日期选择器界面time.html 
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8"/>
	<script type="text/javascript">
	var monthNames = new Array("","1","2","3","4","5","6","7","8","9","10","11","12");
	var endDay = new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);
	var dayNow = 0;
	var monthNow = 0;
	var yearNow = 0;
	function load(form)
	{
		set_month_year_now();
		var found = false;
		for(var month=0;month<form.monthList.length;month++)
		{
			if(form.monthList[month].text == monthNames[monthNow])
			{
				form.monthList[month].selected = true;
				found = true;
			}
		}
		if(!found)
		{
			error();
			return;
		}
		display_month(form);
	}
	function preceding_month(form)
	{
		var month_selected = form.monthList.selectedIndex;
		var year_selected = form.yearList.selectedIndex;
		if(!month_selected&&!year_selected)
		{
			error();
			return;
		}
		if(month_selected>0)
		{
			month_selected--;
		}
		else
		{
			month_selected=11;
			year_selected--;
		}
		form.monthList[month_selected].selected = true;
		form.yearList[year_selected].selected = true;
		display_month(form);
	}
	function following_month(form)
	{
		var month_selected = form.monthList.selectedIndex;
		var year_selected = form.yearList.selectedIndex;
		if(month_selected>=(form.monthList.length-1)&&year_selected>=(form.yearList.length-1))
		{
			error();
			return;
		}
		if(month_selected<11)
		{
			month_selected++;
		}
		else{
			month_selected=0;
			year_selected++;
		}
		form.monthList[month_selected].selected = true;
		form.yearList[year_selected].selected = true;
		display_month(form);
	}
	function set_month_year_now()
	{
		var form = document.calendar;
		var now = new Date();
		monthNow = now.getMonth()+1;
		yearNow = now.getYear();
		dayNow = now.getDate();
		yearNow = yearNow+1900;
		var count = 0;
		for(var i = yearNow-103;i<yearNow+50;i++)
		{
			eval("form.yearList.options[count] = new Option('"+i+"','"+i+"')");
			count++;
		}
		form.yearList.selectedIndex = 103;
		form.yearList.length = count;
	}
	function error()
	{
		alert("超出范围！");
	}
	function display_month(form)
	{
		var month = form.monthList.selectedIndex+1;
		var year = parseInt(form.yearList.options[form.yearList.selectedIndex].text);
		var start_day = start_day_in_month(year,month);
		var count = 0;
		for(var row = 0;row<6;row++)
		{
			for(var col = 0;col<7;col++)
			{
				if(row == 0&&col<(start_day-1))
					var day = "";
				else if(count<endDay[month])
					day = ++count;
				else
					day = "";
				form.dayBox[(row*7)+col].style.display = "";
				form.dayBox[(row*7)+col].style.color = "black";
				if(day=="")
				{
					form.dayBox[(row*7)+col].style.display = "none";
				}
				else{
					form.dayBox[(row*7)+col].value = day;
					if(col%7==0)
					{
						form.dayBox[(row*7)+col].style.color = "red";
					}
					if(yearNow == year&&monthNow == month&&dayNow ==day)
						form.dayBox[(row*7)+col].style.color = "blue";
				}
			}
		}
	}
	function start_day_in_month(year,month)
	{
		var sday,daynum,ndays,mnum;
		sday = start_day_in_year(year);
		endDay[2] = (year%4)?28:29;
		if(month == 1)
		{
			daynum = sday;
		}
		else{
			ndays = sday;
			for(mnum = 2;mnum<month+1;mnum++)
			{
				ndays = ndays+endDay[mnum-1];
				daynum = ndays%7;
			}
			daynum = (!daynum)?7:daynum;
			return(daynum);
		}
	}
	function start_day_in_year(year)
	{
		var y,m,d;
		var n;
		y = year-1;
		m = 13;
		d = 1;
		n = d+2*m+(Math.floor((0.6+(m+1)))+y);
		n = n+Math.floor(((y/4)-Math.floor((y/100))+Math.floor((y/400))))+2;
		n = Math.floor(((n/7-Math.floor((n/7)))*7+0.5));
		return (n+1);
	}
	function CheckDate(strDay)
	{
		var docFrm = document.calendar;
		var choice_daynum = 0;
		var current_daynum = 0;
		var day_temp;
		if(strDay!="")
		{
			var strY = docFrm.yearList.value;
			var strM = docFrm.monthList.value;
			var curr_y = new String(yearNow);
			var curr_m = new String(monthNow);
			var curr_d = new String(dayNow);
			if(curr_m.length == 1)
				curr_m = "0"+curr_m;
			if(curr_d.length == 1)
				curr_d = "0"+curr_d;
			current_daynum = new Number(curr_y+curr_m+curr_d);
			if(strM.length == 1)
				strM = "0"+strM;
			if(strDay.length == 1)
				strDay = "0"+strDay;
			choice_daynum = new Number(strY+strM+strDay);
			parent.window.returnValue = strY+"-"+strM+"-"+strDay;
			parent.window.close();
		}
		return false;
	}
	</script>
</head>
<body onLoad="load(document.calendar)" topmargin="0">
<center>
	<form name="calendar">
		<table border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td colspan="3" height="24"></td>
			</tr>
			<tr>
				<td width="205" align="right" valign="middle" nowrap="nowrap">
					<select name="yearList" οnchange="display_month(this.form)">
						
					</select>
				</td>
				<td width="65" nowrap="nowrap" align="left">
					<select name="monthList" size="1" οnchange="display_month(this.form)">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
				</td>
				<td width="10"></td>
			</tr>
			<tr>
				<td colspan="3" height="6"></td>
			</tr>
			<tr>
				<td colspan="3">
					<table border="0" cellpadding="1" cellspacing="0" align="center">
						<tr>
							<td bgcolor="#82664F">
								<table border="0" cellspacing="0" cellpadding="0">
									<tr bgcolor="#82664F" height="18">
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											<font color="#FF0000">日</font>
										</td>
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											一
										</td>
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											二
										</td>
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											三
										</td>
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											四
										</td>
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											五
										</td>
										<td width="31" align="center" nowrap="nowrap" bgcolor="#0099FF">
											六
										</td>
									</tr>
									<tr bgcolor="#FFFFFF" height="18">
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
									</tr>
									<tr bgcolor="#FFFFFF" height="18">
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
									</tr>
									<tr bgcolor="#FFFFFF" height="18">
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
									</tr>
									<tr bgcolor="#FFFFFF" height="18">
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
									</tr>
									<tr bgcolor="#FFFFFF" height="18">
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
									</tr>
									<tr bgcolor="#FFFFFF" height="18">
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
										<td align="center">
											<input type="text" size="2" name="dayBox" readOnly οnclick="javascript:CheckDate(this.value);" onMouseOver="this.style.background='#EEEEEE'" οnmοuseοut="this.style.background='white'"/>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</form>
</center>
</body>
</html>

这样本例就做好了。

迷茫的寻路者
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 动态网页实例 —— 背景效果
cccloveforever的博客
06-29 892
页面背景是网页设计中必不可少的重要内容之一，其背景的好坏直接影响网页浏览者的浏览兴趣。网页背景分为背景图和背景色两种，对于普通的背景图和背景色，完全可以通过HTML实现，而要实现复杂的背景效果，则需要借助于JavaScript。本章介绍页面背景的一些实现效果。首先是一个页面背景随机切换的实例:然后，通过3种不同的方法，分别实现用户对页面背景的自动选择:最后，介绍一个闪电的页面背景效果。
HTML5前端如何实现日期选择（日历）
qq_41905051的博客
12-12 5382
HTML5前端如何实现日期选择（日历）
jqueryui（五）日期选择器
经验在于积累而不在于年限---dreamboycx
11-29 674
原文地址：ui（五）日期选择器 datepicker">jquery ui（五）日期选择器 datepicker作者：kerwin JQuery官方的Datepicker控件，可以很方便的使用，可以让用户很方便的在输入框上选择时间。 废话少说，先上实例 【代码】     $(function(){        $( "#datepicker" ).datepicker();
精美日历
wxc137的专栏
08-04 440
 body,td { font-size:9pt; } input {  color:333333;  font-size:9pt;  border-width:0;  padding:2;  width:20; }    var monthNames = new Array ( "", "1","2","3","4","5","6","7", "8", "9", "10", "11", "12"
jQuery UI 实例 - 日期选择器（Datepicker）
unber的博客
04-10 3719
从弹出框或内联日历选择一个日期。如需了解更多有关 datepicker 部件的细节，请查看 API 文档。
Element Plus 实例详解（三）___Date Picker 日期选择
热门推荐
逆境清醒的博客
03-25 1万+
Element Plus 组件里Date Picker 日期选择，是常用的日期选择组件，用于选择或输入日期，提供了日期选择的基础用法、选择某一天、选择年、月、周、1个或多个日期、文选择一段时间（日期范围选择）等功能，本篇里我们一起来试用一下Element Plus 组件里Date Picker 日期选择组件。1Element Plus 实例详解（一）__安装设置2Element Plus 实例详解（二）___Button 按钮3Element Plus 实例详解（三）___Date Picker 日期选择。
php实现页面雪花效果,JavaScript_使用javascript实现雪花飘落的效果，看了javascript网页特效实例大全 - phpStudy...
weixin_36247139的博客
03-27 118
使用javascript实现雪花飘落的效果看了javascript网页特效实例大全中的图片飘下的效果实例，觉得值得动手学习下。就把图片改成雪花图，完成一个雪花飘下的效果。并且，其中有些内容比较陈旧了，那么就学者改掉吧。包括：1.对left和top的操作仅支持IE浏览器，这咋行，必须得支持chrome。2.控制图片下落的过程还要去检索element，不好吧，那就改成数组维持，直接操作数组中维持的对象...
小白JavaScript学习笔记----web APIs
最新发布
weixin_51877011的博客
04-24 2059
DOM文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API白话文：DOM是浏览器提供的一套专门用来操作网页内容的功能**DOM作用:**开发网页内容特效和实现用户交互Web API阶段我们学习那两部分？DOMBOMDOM 是什么？有什么作用？DOM 是文档对象模型操作网页内容，可以开发网页内容特效和实现用户交互标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作比如： disabled、checked、selected。
jQuery 相关内容-选择器
qq_45205390的博客
01-10 357
JQuery基础相关内容一文通 目录JQuery基础相关内容一文通JQuery简介JQuery的语法jQuery的事件绑定文档加载函数 & 文档就绪函数语法JQuery常用选择器选择器实例操作选中元素的属性元素的筛选文档的处理JQuery常用特效方法JQuery事件语法触发实例绑定实例JQuery常用事件绑定相关实例关于选择器基础内容相关实例1. 关于得到页面上的全部信息2. xpath 和 jq 的类 & id 选择器相关内容3. 修改数据的相关操作表单相关的相关操作相关补充 JQuer
jQuery UI 实例讲解 - 日期选择器(Datepicker)
10-19
jQuery UI 是一个强大的 JavaScript 库，它扩展了 jQuery，提供了许多用户界面组件，其中包括日期选择器(Datepicker)。Datepicker 是一个便捷的组件，用于在网页中添加日期选择功能，通常与输入字段(input)结合使用...
javascript经典特效---弹出的日期选择.rar
12-28
这个"javascript经典特效---弹出的日期选择.rar"压缩包文件可能包含了一个实现这种功能的示例代码，用于创建一个弹出式日期选择器。这种特效在网页表单中尤为常见，例如在预订系统、日程安排或者事件登记等场景。 ...
javascript经典特效---按钮选择导航.rar
03-08
本资源"按钮选择导航"就是一个典型的JavaScript特效应用实例，主要用于创建一种用户通过点击按钮来切换页面导航的方式。 首先，我们要理解JavaScript在网页中的角色。JavaScript是一种解释型的、基于原型的脚本语言...
javascript经典特效---动态选择背景色.rar
01-11
例如，`document.getElementById()`或`document.querySelector()`可以用来选取特定ID或CSS选择器匹配的元素，而`document.createElement()`和`appendChild()`则用于创建和添加新元素。 2. **事件监听**：JavaScript...
javascript经典特效---导航菜单选择.rar
03-06
总的来说，这个"javascript经典特效---导航菜单选择"的实例将涵盖JavaScript基础、DOM操作、事件处理、可能的AJAX应用以及CSS3动画等关键知识点。通过学习和实践这个示例，开发者能够掌握如何利用JavaScript创建功能...
JavaScript特效实例011-弹出全屏显示的网页模式对话框
滨州学院csdn高校俱乐部 冶近玮
05-16 2479
实例011                    弹出全屏显示的网页模式对话框 实例说明 弹出全屏显示的网页模式对话框，用户关闭之前不能浏览网站的其他内容。 技术要点      本实例主要应用screen对象的width、height属性和window对象的showModalDialog（）方法实现。其实还有一种方法打开网页对话框，即showModelessDialog（）方法。    
JavaScript网页特效范例目录
滨州学院csdn高校俱乐部 冶近玮
05-07 2276
JavaScript网页特效范例目录 实例001                 打开新窗口显示广告信息 实例002                                  定时打开窗口 持续更新中。。。。。
JavaScript特效实例001-打开新窗口显示广告信息
滨州学院csdn高校俱乐部 冶近玮
05-05 1900
实例001                 打开新窗口显示广告信息 实例说明          本实例要在窗口每次被加载的时候弹出一个广告对话框。 技术要点         本实例主要应用JavaScript的window对象。 window对象的常用方法 方法 说明 alert() 弹出一个警告对话框 confirm() 在确认对
JavaScript特效实例017-慢慢放大的窗口
滨州学院csdn高校俱乐部 冶近玮
05-25 1570
实例017                           慢慢放大的窗口 实例说明 本实例实现在窗口打开时，将窗口安装指定的大小放在屏幕中间，并使窗口不断放大，直到窗口大小与屏幕大小相同为止。 技术要点      本实例主要应用screen对象的availWidth和availHeight属性来获取屏幕工作区域的宽度和高度，并用window对象的resizeTo（）方法来指定窗口的位
jQuery基础教程：实例丰富的选择器与操作指南
- 内容选择器可以根据元素内部的文本内容查找，比如`:contains('nick')`。 - 表单元素选择器针对各种输入类型，如文本框、密码框、单选/复选按钮、提交/重置按钮等。 4. **过滤与操作**： - 使用`.eq()`和`....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值