JavaScript实例集
JavaScript实例集日期星期的显示
这段程序放在
与之间//-->
动态数字时钟1
这段程序放在
与之间数字时钟2
动态数字时钟
动态
这段程序放在
与之间document.images.g.src=eval("c"+Math.floor(s/10)+".src") document.images.h.src=eval("c"+(s%10)+".src")
}
if(dn=="AM")document.j.src=cam.src
else document.images.j.src=cpm.src
}
function show(){
if(!document.images)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
dn="AM"
if((hours>=12)&&(minutes>=1)||(hours>=13)){
dn="PM"
hours=hours-12
}
if(hours==0)
hours=12
extract(hours,minutes,seconds,dn)
setTimeout("show()",1000)//1秒调用一次show函数。}
//-->
这段程序放在
正文中onLoad="show()"
这段程序放在
与之间img src="cb.gif"name="a">
辨别浏览器
这段程序放在
与之间//navigater是浏览器对象,appName是提供字符串形式的浏览器名称,appVersion是反映浏览器的版本号。分时问候
这段程序放在
与之间离开时显示停留时间
这段程序放在
与之间这段程序放在
正文中onUnload=stay()//页面卸载的时候,调用stay()函数。
显示最后修改日期
这段程序放在
与之间这段程序放在
正文中onload=modified()//页面装载时,调用modified函数。
随时间变化的图形
这段程序放在
与之间var dt=new Date();
var hr=dt.getSeconds();
if(hr<=20)hr=7;
else if(hr<=40)hr=8;
else hr=9;
var msg="";
document.write(msg);
注:本例中所用到的三张图放在与本页面同级的"img"文件夹内,名字分别为7.jpg,8.jpg,9.jpg。
离开时自动启动收藏夹
这段程序放在
与之间function folder(){
//external.AddFavorite是window的一个方法,可以自动开启收藏夹,括号中的地址可以随便换,例如,可以写上你的个人主页地址。
window.external.AddFavorite('https://www.360docs.net/doc/6f6616607.html,','洪恩在线')
}
这段程序放在
正文中onUnload=folder()//页面卸载的时候,调用folder()函数。
注:此效果只能在IE浏览器中实现。
向前向后翻页
这段程序放在
与之间注:图片放在与文件同级的“img”文件夹中,名为1.gif和2.gif。
开启新窗口
这段程序放在
与之间popup=window.open('','popupnav','width=270,height=160,resizable=0,scrollbars=auto');
if(popup!=null){
if(popup.opener==null){//如果要在窗口1上,打开窗口2,必需将窗口2的值设为空。
popup.opener=self;
}
popup.location.href='12openwindow-1.htm';//打开在同一目录中的12openwindow-1.htm的窗口。}
//-->
注:需要在与本页面同级的目录下建一个名为12openwindow-1.htm的文件。
全屏显示
这段程序放在
与之间查看源代码
这段程序放在
与之间背景不动效果
这段程序放在
正文中style="BACKGROUND-ATTACHMENT:fixed"background="img/bgfix.gif"
注:此效果只能在IE浏览器中实现。本例中所用到的背景图放在与本页面同级的“ing”文件夹内,名为bgfix.gif。
自动跳转
这段程序放在
与之间禁止使用鼠标右键
这段程序放在
与之间function click(){
if(event.button==2){
alert('你想看什麽?')
}}
document.onmousedown=click//当鼠标按下的时候,执行click函数。
注:此效果只能在IE浏览器中实现。
导航条式菜单
这段程序放在
与之间倒计时
这段程序放在
与之间var deadline=new Date("7/30/2000");
var symbol="7月30日";
var now=new Date();
var leave=deadline.getTime()-now.getTime();//值为到期时间减现在时间,返回的为毫秒数。
var day=Math.floor(leave/(1000*60*60*24));//将毫秒数转为天数,返回不大于天数的整数。if(day>0)
document.write("今天离"+symbol+"还有"+day+"天")
else if(day==0)
document.write("只有1天啦!")
else
document.write("唉呀!已经过了!");
//-->
标题栏显示日期
这段程序放在
与之间var isMonth=new
Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isDay=new
Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
today=new Date();
Year=today.getYear();
Date=today.getDate();
if(document.all)
document.title="今天是:"+Year+"年"+isMonth[today.getMonth()]+Date+"日"+isDay[today.getDay()]
页面自动刷新
这段程序放在
与之间背景图居中
这段程序放在
与之间background-repeat:no-repeat;
background-attachment:fixed;}
-->
注:要在
里,写上background="URL(picture1.jpg)"。禁止图片下载
这段程序放在
与之间//javascript:void(0)相当于取消链接。
变颜色的菜单
这段程序放在
与之间function openme(object){
object.style.background="#FFFFCC";}
function closeme(object){
object.style.background="#99FFFF";}
//以下都是定义页面菜单的内容。
驾轻就熟
状态栏的时间显示
这段程序放在
与之间var timerID=null;
var timerRunning=false;
function stopclock(){
if(timerRunning)
clearTimeout(timerID);
timerRunning=false;
}
function showtime(){
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds()
var timeValue=""+((hours>12)?hours-12:hours)
timeValue+=((minutes<10)?":0":":")+minutes
timeValue+=((seconds<10)?":0":":")+seconds
timeValue+=(hours>=12)?"P.M.":"A.M."
window.status=timeValue;
timerID=setTimeout("showtime()",1000);
timerRunning=true;
}
function startclock(){
stopclock();
showtime();
}
这段程序放在
onLoad="startclock()"
淡出淡入效果
这段程序放在
与之间var b=1;
var c=true;
function fade(){
if(document.all);
if(c==true){b++;}//当用户的浏览器是IE时,且C的值为真时
if(b==100){
b--;
c=false
}
if(b==10){
b++;
c=true;
}
if(c==false){b--;}
child.filters.alpha.opacity=0+b;
setTimeout("fade()",100);
}
alt="Image"style="filter:alpha(opacity=0)">
注:此例效果只能在IE中出现。图片放在与文件同级的“img”文件夹中,名为1.jpg。页面自动滚动
这段程序放在
与之间-->
这段程序放在
与之间跑马灯效果
这段程序放在
与之间var msg="欢迎光临洪恩在线电脑乐园";
var interval=300;
seq=0;
function Scroll(){
len=msg.length;
window.status=msg.substring(0,seq+1);
seq++;
if(seq>=len){seq=0};
window.setTimeout("Scroll();",interval);
}
这段程序放在
正文中onload="Scroll()"
显示页面中的链接
这段程序放在
与之间注:此效果只能在IE浏览器中实现。
解释型菜单
这段程序放在
与之间messages=new Array(5)
messages[0]="这是一种很好的主页制做工具!" messages[1]="它可以制做出很多意想不到的效果!" messages[2]="它可以为你主页的图片增添光彩!" messages[3]="它可以帮你做图表!"
messages[4]="它可以帮你处理文字!"
messages[5]="按下去,看看吧!"
var browser;
if(document.all){
layerRef='document.all.'
styleRef='.style.'
changeMessages=".innerHTML=messages[num]"
closeit=""
browser=true
}
else
{
alert("此效果在Netscape浏览器中不能实现!");
}
function mover(num){
if(browser){
eval(layerRef+'startingMsg'+changeMessages)
eval(layerRef+'startingMsg'+closeit);
}
}
function mout(num){
if(browser){
eval(layerRef+'startingMsg'+changeMessages);
eval(layerRef+'startingMsg'+closeit);
}
}
这段程序放在
与之间dreamweaver |
注:此效果只能在IE浏览器中实现。
地震效果
这段程序放在
与之间function shake(n)
{
if(self.moveBy)
{
for(i=10;i>0;i--)
{
for(j=n;j>0;j--)
{
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}
//End-->
这段程序放在
与之间窗口从天而降效果
这段程序放在
与之间function drop(n){
if(self.moveBy){
self.moveBy(0,-900);
for(i=n;i>0;i--){
self.moveBy(0,3);
}
for(j=8;j>0;j--){
self.moveBy(0,j);
self.moveBy(j,0);
self.moveBy(0,-j);
self.moveBy(-j,0);
}
}
}
这段程序放在
正文中onLoad="drop(300)
随机产生图形
这段程序放在
与之间a=3
var pp=Math.random();
var foot=Math.round(pp*(a-1))+1;
function create(){
this.src=''
this.border=''
this.alt=''
}
b=new Array()
for(var i=1;i<=a;i++){b[i]=new create()}
b[1].src="img/4.jpg"
b[1].border="0"
b[1].alt=""
b[2].src="img/2.jpg"
b[2].border="0"
b[2].alt=""
b[3].src="img/3.jpg"
b[3].border="0"
b[3].alt=""
var pic="";
pic+='';
document.write(pic)
注:本例中所用到的三张图放在与本页面同级的"img"文件夹内,名字分别为2.jpg,3.jpg,4.jpg。图形随窗口移动
这段程序放在
与之间if(navigator.appName=="Netscape"){
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else{
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation(){
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
//设置图片的位置:离屏幕的右边为30,离屏幕下端为20。
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);//每10毫秒,调用一次checkLocation()函数。}
function evalMove(){
eval(docStyle+objectXY+styleDoc+horz+"="+x);
eval(docStyle+objectXY+styleDoc+vert+"="+y);
}
//End-->
这段程序放在
正文中onload="setVariables();checkLocation();"
动态导航菜单
这段程序放在
与之间var index=7
link=new Array(6);
text=new Array(6);
link[0]='sample.htm'
link[1]='sample.htm'
link[2]='sample.htm'
link[3]='sample.htm'
link[4]='sample.htm'
link[5]='sample.htm'
link[6]='sample.htm'
text[0]='菜单一'
text[1]='菜单一'
text[2]='菜单一'
text[3]='菜单一'
text[4]='菜单一'
text[5]='菜单一'
text[6]='菜单一'
document.write("
for(i=0;i document.write(" "); document.write(text[i]+" } document.write("") 状态栏显示链接内容 这段程序放在
");
function StatusMsg(msgStr){
status=msgStr;
document.returnValue=true;
}
这段程序放在
与之间javascript菜鸟基础教程
JavaScript 简介 JavaScript 有什么特点 JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化,减少下载时间。JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。 Java 与 JavaScript 有什么不同 很多人看到 Java 和 JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java,全称应该是Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的,一个 Applet 文件(.class)用 Notepad 打开阅读,根本不能理解。Java Applet 的功能很强大,可以访问 http、ftp等协议,甚至可以在电脑上种病毒(已有先例了)。相比之下,JavaScript 的能力就比较小了。JavaScript 是一种“脚本”(“Script”),它直接把代码写到 HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。它们的相同点,我想只有同是以 Java 作编程语言一点了。开发 JavaScript 该用什么软件 一个 JavaScript 程序其实是一个文档,一个文本文件。它是嵌入到 HTML 文档中的。所以,任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器(在FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器)。它是个像 Visual Basic / C++ 一样的程序开发器,能对正在输入的语句作出简要提示。配合 FrontPage 2000,使工作量大大减少。 JavaScript 语言的基础在什么地方插入 JavaScript JavaScript 可以出现在 HTML 的任意地方。使用标记,你可以在 HTML 文档的任意地方插入 JavaScript,甚至在之前插入也不成问题。不过如果要在声明框架的网页(框架网页)中插入,就一定要在