【用JavaScript制作页面特效】的更多相关文章

用JavaScript制作页面特效

1.Window对象 名称 history:有关客户访问过的URL的信息 location:有关当前URL的信息 screen:有关客户端的屏幕和显示性能的信息 常用方法 prompt():弹出输入框 alert():弹出警告框 confirm():弹出确认对话框 close():关闭浏览器窗口 open(): window.open("弹出窗口的url","窗口名称","窗口特征",) setTimeout():计时 setInterval()…

使用JavaScript制作页面特效2

1.Date对象的常用方法 setFullYear() setMonth() setDate() setHours() setMinutes() setSeconds() 定时函数 setTimeout:等待某段时间后调用某个函数(1次) 语法:setTimeout("调用的函数名称",等待时间) 消除:clearTimeout() setInterval:每隔某段时间反复调用某个函数(多次) 语法:setInterval("调用的函数名称",间隔时间) 清除:cl…

利用Javascript制作网页特效（时间特效）

在网页中经常可以看到各种各样的动态时间显示,在网页中合理地使用时间可以增加网页的时效感. 显示当前时间 getHours().getMinutes().getSeconds()分别获得当前小时数.当前分钟数.当前秒数. 打开网页文档,在head标签中输入以下代码: <script> function showtime(){ var now_time = new Date(); //创建时间对象的实例 var hours = now_time.getHours(); //获得当前小时数 var…

【JavaScript制作页面时常用的五个特效，你用到了哪个？】

常用的五个特效的相关知识点见附录(五道例题后有附录哦~): 例一: 1.在某页面中有一个图片和五个超链接,如下图所示: 单击不同的数字超链接显示不同的图片: 图1 图片幻灯片显示效果 提示: (1)默认显示一个图片,五个超链接调用同一个传参函数,参数设置为显示图片的名称. (2)使用"对象名.属性值"或setAttribute()的方式改变图片的名称. JS参照代码如下: <script type="text/javascript"> var num =…

JavaScript制作时钟特效

需求说明:制作显示年.月.日.星期几并且显示上午(AM)和下午(PM)的 12进制的时钟,具体效果如下所示: 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="Content-Type" content="text/h…

HTML+JavaScript制作表白特效，表白不成功，小编现场吃雪

今年的雪特别美,长沙自从08年后的最大的一场学了,今天小编给大家制作一个表白特效,希望大家喜欢,如果你是程序员希望对你有帮助,追到你喜欢的女孩,哈哈~追不到对象,小编现场吃学给你大家看 下图是爱心飘落的动态效果图: 源码项目文末有领取地址 这个白天特效代码不是特别多逻辑也不是很难,用HTML+CSS布局及jQuery插件来完成的,里面重要的就是一个浏览器的兼容性,想要这个源码和视频讲解的可以来我的前端技术学习群640633433,里面有需很多前端特效学习,希望大家喜欢. 下面是表白特效的部分源码…

使用JavaScript制作页面效果3

一. 1.下拉列表:select对象 属性: option[ ]:选项数组 selectedIndex:被选中选项的索引号 length:选项总数 方法: add(option对象,添加位置):增加选项 2.JavaScript访问样式的常用方法 style属性(对象) className属性 3.实现元素的显示和隐藏 display属性: none:不显示 block:显示 <!DOCTYPE html> <html> <head> <meta charset=…

利用Javascript制作网页特效（其他常见特效）

设置为首页和加入收藏夹 ①:在body标签内输入以下代码: <a onclick="this.style.behavior='url(#default#homepage)'; this.sethomepage('http://blog.csdn.net/an1090239782');"href="#">设为首页</a> <span style="cursor: hand" onclick="window.e…

利用Javascript制作网页特效（窗口特效）

全屏显示窗口 利用fullscreen=yes可以制作全屏显示窗口. ①:在body标签内输入以下代码: <div align="center"> <input type="button" name="fullscreen"value="全屏显示" onclick="window.open(document.location,'big','fullscreen=yes')"/> &l…

利用Javascript制作网页特效（图像特效）

图像是文本的解释和说明,在网页中的适当位置放置一些图像,不仅可以使文本更加容易阅读,而且可以使网页更加具有吸引力. 当鼠标指针经过图像时图像振动效果 ①:在head标签内输入以下代码: <style> .zhendimage{ position: relative; } </style> <script> var rector= 3,stopit= 0,a=1; function init(which){ stopit=0; zhend=which; zhend.sty…