JavaScript网页特效范例
文章平均质量分 65
迷茫的寻路者
大学应届生
展开
-
JavaScript特效实例003-通过按钮创建窗口
实例003 通过按钮创建窗口实例说明点击按钮创建窗口技术要点主要是使用window是对象的open()方法来创建和调用其他窗口。实现过程1.制作用于点击按钮打开的窗口广告页面 打开新窗口显示广告信息 body{ background-image:url(new.jpg); bac原创 2015-05-08 19:16:57 · 991 阅读 · 1 评论 -
JavaScript特效实例014-页面自动滚动
实例014 页面自动滚动实例说明本实例实现在打开页面,当页面出现纵向滚动条时,页面中的内容将从上向下进行滚动。技术要点本例主要是使用window对象的scroll()方法指定窗口的当前位置。下面对scroll()方法进行详细说明。scroll()方法的语法格式:scroll(x,y);参数说明如下。1.x:屏幕的原创 2015-05-19 17:58:35 · 890 阅读 · 0 评论 -
JavaScript特效实例013-日期选择器
实例013 日期选择器实例说明 弹出日期选择器来供用户来选择日期。技术要点本例主要使用window对象的showModalDialog()方法实现。实现过程(1)用来弹出日期选择器的主页面。点击图片弹出日期选择器,然后在文本框输出选择的日期。 日期选择器 function pp(field)原创 2015-05-19 12:31:05 · 1192 阅读 · 0 评论 -
JavaScript网页特效范例目录
JavaScript网页特效范例目录实例001 打开新窗口显示广告信息实例002 定时打开窗口持续更新中。。。。。原创 2015-05-07 19:58:57 · 2313 阅读 · 0 评论 -
JavaScript特效实例018-下降式浏览器
实例018 下降式浏览器实例说明本实例是在窗口打开时,将整个窗口放在屏幕的最上面,使窗口无法在屏幕中进行显示,然后动态地使窗口进行下移,直到窗口显示在屏幕的左上角为止。技术要点本实例主要应用了screen对象的availHesht属性来获得当前屏幕工作区的高度,并用window对象的moveBy()方法使窗口自动下移。下面原创 2015-05-29 18:30:24 · 1035 阅读 · 1 评论 -
JavaScript特效实例016-动态显示窗口
实例016 动态显示窗口实例说明 在打开窗口时,将窗口设置为最小的宽度,并使窗口的高度逐渐增加,当窗口的高度与屏幕的高度一致时,使窗口的宽度不断增加,直到与屏幕的宽度相一致。技术要点本实例主要应用了screen对象的availWidth和availHeight属性获得当前屏幕的宽度和高度,并使用resizeTo()方法来自动增加窗口的高度和原创 2015-05-21 11:30:36 · 946 阅读 · 0 评论 -
JavaScript特效实例015-打开窗口特殊效果
实例015 打开窗口特殊效果实例说明当点击页面打开连接时,在屏幕左上角会弹出一个窗口,并动态改变窗口的宽度和高度,当窗口的高度和屏幕高度一致时,继续添加窗口的宽度,直到与屏幕大小相同为止。技术要点本实例主要是应用window对象的open()方法来打开一个已有的窗口,用screen对象的availHeight属性来获取屏幕可工作区域的高度,用m原创 2015-05-20 12:28:21 · 1147 阅读 · 4 评论 -
JavaScript特效实例012-网页拾色器
实例012 网页拾色器实例说明在网站中经常需要用户自定义颜色来显示某些信息。这可以在网页添加一个拾色器来实现。技术要点在本实例中仅使用216种浏览器安全的颜色,即所谓的Netscape色块。这216种颜色分别代表0、51、102、153、204这5个颜色值以及每一种原色(即红、绿、蓝)。这些十进制数值对应的十六进制数分别为0x原创 2015-05-17 11:46:13 · 1062 阅读 · 0 评论 -
JavaScript特效实例002-定时打开窗口
实例002 定时打开窗口实例说明本实例要在指定的时间后打开窗口。技术要点主要应用window对象setTimeout()方法实现定时打开窗口。 setTime()方法的语法格式如下。setTimeout(function,milliseconds)参数说明如下。function:要调用的Ja原创 2015-05-07 19:53:48 · 1220 阅读 · 2 评论 -
JavaScript特效实例011-弹出全屏显示的网页模式对话框
实例011 弹出全屏显示的网页模式对话框实例说明弹出全屏显示的网页模式对话框,用户关闭之前不能浏览网站的其他内容。技术要点 本实例主要应用screen对象的width、height属性和window对象的showModalDialog()方法实现。其实还有一种方法打开网页对话框,即showModelessDialog()方法。原创 2015-05-16 09:08:25 · 2497 阅读 · 0 评论 -
JavaScript特效实例009-关闭IE主窗口时,不弹出询问对话框
实例009 关闭IE主窗口时,不弹出询问对话框实例说明通常情况我们使用window.close()关闭IE窗口时,都会弹出一个是否关闭的询问框,这节我们来屏蔽掉它。技术要点本例主要应用JavaScript的window对象的opener属性将要关闭的IE窗口的打开窗口设置为NULL,然后再通过window对象的close()方法将该窗口关闭原创 2015-05-14 11:40:30 · 925 阅读 · 0 评论 -
JavaScript特效实例010-弹出网页模式对话框
实例010 弹出网页模式对话框实例说明弹出一个指定大小的网页模式对话框。技术要点 本实例主要应用window对象的showModalDialog()方法,该方法用于弹出网页(模式)对话框,其语法如下。variant = object.showModalDialog(sURL[,vArguments[,sFeatu原创 2015-05-15 12:16:49 · 924 阅读 · 0 评论 -
JavaScript特效实例001-打开新窗口显示广告信息
实例001 打开新窗口显示广告信息实例说明 本实例要在窗口每次被加载的时候弹出一个广告对话框。技术要点 本实例主要应用JavaScript的window对象。window对象的常用方法方法说明alert()弹出一个警告对话框confirm()在确认对原创 2015-05-05 20:33:55 · 1928 阅读 · 0 评论 -
JavaScript特效实例008-关闭弹出的窗口时,刷新父窗口
实例008 关闭弹出的窗口时,刷新父窗口实例说明关闭弹出的窗口时,同时刷新父窗口,一般用来使父窗口获取最新的数据。技术要点本实例主要应用window.open()语句打开新窗口,并在新窗口中应用opener属性,该属性返回一个引用,用于指定打开本窗口的窗口对象。语法:window.openerwindow.opener.方法wind原创 2015-05-13 11:31:10 · 1566 阅读 · 0 评论 -
JavaScript特效实例007-为弹出的窗口加入关闭按钮
实例007 为弹出的窗口加入关闭按钮实例说明在弹出的窗口中加入关闭按钮,点击后弹出的窗口关闭。技术要点本实例主要应用window对象的close()方法实现。close()方法的语法如下。window.close()功能:window对象的close()方法用于自动关闭浏览器窗口。实现过程(1)要弹出的窗口且是功能实现界原创 2015-05-12 13:21:30 · 1020 阅读 · 0 评论 -
JavaScript特效实例006-弹出的窗口之Cookie控制
实例006 弹出的窗口之Cookie控制实例说明 为了让相同的广告信息不在每次打该开网页时都弹出,而只在第一次打开该网页时弹出。技术要点Cookie是网站在访问者硬盘上存储的一些定制的信息段。通过浏览器,网页可以实现对Cookie的存储、获取和删除。Cookie的目的只有一个,即记录访问者的个体信息。在开始使用Cookie前,我们需要知道下面的规则。原创 2015-05-11 13:27:19 · 1250 阅读 · 1 评论 -
JavaScript特效实例005-控制弹出窗口居中显示
实例005 控制弹出窗口居中显示实例说明点击页面上的按钮,弹出窗口,并将窗口居中显示。技术要点 本例首先应用JavaScript中的window对象的open()方法,打开指定大小的新窗口,然后通过screen对象,获取屏幕分辨率,再根据获取的值通过window对象的moveTo()方法,将新窗口移动到屏幕居中位置。原创 2015-05-10 09:40:51 · 1505 阅读 · 2 评论 -
JavaScript特效实例004-自动关闭的广告窗口
实例004 自动关闭的广告窗口实例说明当网页运行一定的时间后,自动关闭网页上指定的广告窗口。技术要点本实例主要应用window对象的setTimeout()方法和close()方法来实习.window对象的setTimeout()方法用于延迟执行某一操作。实现过程(1)要关闭的广告窗口。new.html 打开新窗口原创 2015-05-09 18:54:29 · 1458 阅读 · 0 评论 -
JavaScript特效实例017-慢慢放大的窗口
实例017 慢慢放大的窗口实例说明本实例实现在窗口打开时,将窗口安装指定的大小放在屏幕中间,并使窗口不断放大,直到窗口大小与屏幕大小相同为止。技术要点 本实例主要应用screen对象的availWidth和availHeight属性来获取屏幕工作区域的宽度和高度,并用window对象的resizeTo()方法来指定窗口的位原创 2015-05-25 11:49:53 · 1598 阅读 · 0 评论