列出些常用的javascript,大家可以把这些做成一个类,方便在项目中重复的调用。
至于怎么做,Blog已有介绍,我就不多说了。
欢迎大家补充^_^
1.让文字不停地滚动
Html代码 复制代码
1. <MARQUEE>滚动文字</MARQUEE>
<MARQUEE>滚动文字</MARQUEE>
2.记录并显示网页的最后修改时间
Html代码 复制代码
1. <script language=javascript> document.write("最后更新时间: " + document.lastModified + "") </script>
<script language=javascript> document.write("最后更新时间: " + document.lastModified + "") </script>
3.关闭当前窗口
Html代码 复制代码
1. <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>
<a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>
4.5秒后关闭当前页
Html代码 复制代码
1. <script language="javascript"> setTimeout('window.close();',5000); </script>
<script language="javascript"> setTimeout('window.close();',5000); </script>
5.2秒后载入指定网页
Html代码 复制代码
1. <head> <meta http-equiv="refresh" content="2;URL=http://你的网址"> </head>
<head> <meta http-equiv="refresh" content="2;URL=http://你的网址"> </head>
6.添加到收藏夹
Html代码 复制代码
1. <Script Language="javascript"> function bookmarkit() { window.external.addFavorite('http://你的网址','你的网站名称') } if (document.all)document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>') </Script>
<Script Language="javascript"> function bookmarkit() { window.external.addFavorite('http://你的网址','你的网站名称') } if (document.all)document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>') </Script>
7.让超链接不显示下划线
Html代码 复制代码
1. <style type="text/css"> a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} </style>
<style type="text/css"> a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} </style>
8.禁止鼠标右键的动作
Html代码 复制代码
1. <Script Language = "javascript"> function click() { if (event.button==2||event.button==3) { alert('禁止鼠标右键'); } document.onmousedown=click </Script>
<Script Language = "javascript"> function click() { if (event.button==2||event.button==3) { alert('禁止鼠标右键'); } document.onmousedown=click </Script>
9.设置该页为首页
Html代码 复制代码
1. <body bgcolor="#FFFFFF" text="#000000"> <!-- 网址:http://你的网址--> <a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> </body>
<body bgcolor="#FFFFFF" text="#000000"> <!-- 网址:http://你的网址--> <a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> </body>
10.节日倒计时
Html代码 复制代码
1. <Script Language="javascript"> var timedate= new Date("December 25,2003"); var times="圣诞节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document.write("现在离"+times+"还有: "+time +"天")</Script>
<Script Language="javascript"> var timedate= new Date("December 25,2003"); var times="圣诞节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document.write("现在离"+times+"还有: "+time +"天")</Script>
11.单击按钮打印出当前页
Html代码 复制代码
1. <Script Language="javascript"> Begin if (window.print) { document.write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript:window.print()"></form>'); } // End </Script>
<Script Language="javascript"> Begin if (window.print) { document.write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript:window.print()"></form>'); } // End </Script>
12.单击按钮‘另存为’当前页
Html代码 复制代码
1. <input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)"> <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> <embed width="0" height="0"></embed> </object>
<input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)"> <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> <embed width="0" height="0"></embed> </object>
13.显示系统当前日期
Html代码 复制代码
1. <script language=javascript> today=new Date(); function date(){ this.length=date.arguments.length for(var i=0;i<this.length;i++) this[i+1]=date.arguments } var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); document.write( "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d[today.getDay()+1],"</font>" ); </script>
<script language=javascript> today=new Date(); function date(){ this.length=date.arguments.length for(var i=0;i<this.length;i++) this[i+1]=date.arguments } var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); document.write( "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d[today.getDay()+1],"</font>" ); </script>
14.不同时间段显示不同问候语
Html代码 复制代码
1. <Script Language="javascript"> var text=""; day = new Date( ); time = day.getHours( ); if (( time>=0) && (time < 7 )) text="夜猫子,要注意身体哦! " if (( time >= 7 ) && (time < 12)) text="今天天气……哈哈哈,不去玩吗?" if (( time >= 12) && (time < 14)) text="午休时间哦,朋友一定是不习惯午睡的吧?!" if (( time >=14) && (time < 18)) text="下午茶的时间到了,休息一下吧! " if ((time >= 18) && (time <= 22)) text="您又来了,可别和MM聊太久哦!" if ((time >= 22) && (time < 24)) text="很晚了哦,注意休息呀!" document.write(text) </Script>
<Script Language="javascript"> var text=""; day = new Date( ); time = day.getHours( ); if (( time>=0) && (time < 7 )) text="夜猫子,要注意身体哦! " if (( time >= 7 ) && (time < 12)) text="今天天气……哈哈哈,不去玩吗?" if (( time >= 12) && (time < 14)) text="午休时间哦,朋友一定是不习惯午睡的吧?!" if (( time >=14) && (time < 18)) text="下午茶的时间到了,休息一下吧! " if ((time >= 18) && (time <= 22)) text="您又来了,可别和MM聊太久哦!" if ((time >= 22) && (time < 24)) text="很晚了哦,注意休息呀!" document.write(text) </Script>
15.水中倒影效果
Html代码 复制代码
1. <img id="reflect" src="你自己的图片文件名" width="175" height="59"> <script language="javascript"> function f1() { setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all) { document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>
<img id="reflect" src="你自己的图片文件名" width="175" height="59"> <script language="javascript"> function f1() { setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all) { document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>
16.慢慢变大的窗口
Html代码 复制代码
1. <Script Language="javascript"> var Windowsheight=100 var Windowswidth=100 var numx=5 function openwindow(thelocation){ temploc=thelocation if (!(window.resizeTo&&document.all)&&! (window.resizeTo&&document.getElementById)) { window.open (thelocation) return } windowwindowsize=window.open ("","","scrollbars") windowsize.moveTo(0,0) windowsize.resizeTo (100,100) tenumxt() } function tenumxt(){ if (Windowsheight>=screen.availHeight-3) numx=0 windowsize.resizeBy(5,numx) Windowsheight+=5 Windowswidth+=5 if (Windowswidth>=screen.width-5) { windowsize.location=temploc Windowsheight=100 Windowswidth=100 numx=5 return } setTimeout("tenumxt()",50) } </script> <p><a href="javascript:openwindow(http://www.xxx.com)">进入</a>
<Script Language="javascript"> var Windowsheight=100 var Windowswidth=100 var numx=5 function openwindow(thelocation){ temploc=thelocation if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) { window.open(thelocation) return } windowsize=window.open("","","scrollbars") windowsize.moveTo(0,0) windowsize.resizeTo(100,100) tenumxt() } function tenumxt(){ if (Windowsheight>=screen.availHeight-3) numx=0 windowsize.resizeBy(5,numx) Windowsheight+=5 Windowswidth+=5 if (Windowswidth>=screen.width-5) { windowsize.location=temploc Windowsheight=100 Windowswidth=100 numx=5 return } setTimeout("tenumxt()",50) } </script> <p><a href="javascript:openwindow(http://www.xxx.com)">进入</a>
17.改变IE地址栏的IE图标
我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:
Html代码 复制代码
1. <link REL = "Shortcut Icon" href="index.ico">
分享到:
相关推荐
JavaScript 和 CSS 常用工具方法封装
HTML+CSS+JavaScript网页模板
html、css、javascript语法手册 html、css、javascript语法手册
《疯狂HTML 5/CSS3/JavaScript讲义》是一本全面介绍HTML 5、CSS3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML5的绘图支持、HTML 5的多媒体支持、CSS3的功能...
可用于JavaScript和Css这种前台技术,主要是学习他们,能帮助我们解决常用的样式和Js代码。
《疯狂html 5/css 3/javascript讲义》是一本全面介绍html 5、css 3和javascript前端开发技术的图书,系统地介绍了html 5常用的元素和属性、html 5的表单元素和属性、html 5的绘图支持、html 5的多媒体支持、css 3的...
第二部分:详细地介绍了CSS 3的绝大部分常用选择器、属性,并为这些 选择器、属性提供了示例,方便广大读者参考本书全面、系统地掌握CSS 3的 功能和用法。这部分内容也可以作为前端开发者的参考手册。 第三部分:...
... ... Dreamweaver Dreamweaver快速参考指导 ...CSS CSS 3 速查表 ...Blueprint CSS ...YUI Grid CSS ...CSS 速记简表 ...常用DOM方法 JavaScript快速参考单 Mootools 1.2速查表 jQuery速查表 Prototype速查表
几个常用的javascript和CSS帮助文档。
5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4...
HTML/CSS/JavaScript标准教程实例版(第4版) 电子工业出版社 这是一本讲解HTML、CSS、JavaScript最基本语法的书,可作为网页制作初学者的...第4版新增了HTML5的介绍,查漏补缺,修改了一些不常用的命令,品质更佳。
html css javascript参考文档chm 1500个前端开发常用JavaScript特效.chm Cascading Style Sheet2.0.chm CSS3.0.chm HTML.chm W3CSchool.chm javascript源码大全 正则表达式.chm ...
李刚 疯狂HTML5CSS3JavaScript讲义的源代码 第一部分 第1章 HTML 5简介 第2章 HTML 5的常用元素与属性 第3章 HTML 5表单相关元素和属性 第4章 HTML 5的绘图支持 第5章 HTML 5的多媒体支持 第二部分 第6章 ...
文档里面包含了一些关于javascript_与CSS,DIV+CSS网页设计等的ppt文档与pdf文档。可以帮助大家学习学习
JavaScript
3) 熟练掌握 JavaScript、CSS。 (2)在完全实现基础设计能力层次后,追加以下要求: 1)能使用JavaScript、CSS制作页面特效; 2)能完全理解网页中使用的“特效”; 3)掌握常用的网站管理和维护方法; 4) 合理的...
基于javascript实现的一些常用算法
3) 熟练掌握 JavaScript、CSS。 (2)在完全实现基础设计能力层次后,追加以下要求: 1)能使用JavaScript、CSS制作页面特效; 2)能完全理解网页中使用的“特效”; 3)掌握常用的网站管理和维护方法; 4) 合理的...
课程名称: : : : W eb 开发基础教程 W b eb 开发基础教程 l --Html 样式表 ) (Css) Javas s s s cript 课程目标: : : :了解 W eb基础知识,熟练应用Html常用标签,利用css美化页面,学会使用JavaScript