一江春水向东流

做一个有思想的人,期待与每一位热爱思考的人交流,您的关注是对我最大的支持。

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  44 随笔 :: 139 文章 :: 81 评论 :: 0 Trackbacks
网页常用Javascript

1 .让文字不停地滚动

  <MARQUEE>滚动文字<
/ MARQUEE>

2 .记录并显示网页的最后修改时间

  <script language
= Javascript>
  document.write(
" 最后更新时间: " + document.lastModified + "" )
  <
/ script>

3 .关闭当前窗口

  <a href
= " / " onClick = " javascript:window.close();return false; " >关闭窗口< / a>

4 .5秒后关闭当前页

  <script language
= " Javascript "
  <
!--
  setTimeout(
' window.close(); ' , 5000 );
  
--
  <
/ script>

5 .2秒后载入指定网页

  <head>
  <meta http
- equiv = " refresh " content = " 2;URL=http://你的网址 "
  <
/ head>

6 .添加到收藏夹

  <script Language
= " Javascript "
  
function bookmarkit()
  {
  window.external.addFavorite(
' http://你的网址 ' , ' 你的网站名称 ' )
  }
  
if (document.all)document.write( ' <a href="#" onClick="bookmarkit()">加入收藏夹</a> ' )
  <
/ script>

7 .让超链接不显示下划线

  <style type
= " text/css "
  <
!-
  a:link{text
- decoration:none}
  a:hover{text
- decoration:none}
  a:visited{text
- decoration:none}
  
-
  <
/ style>

8 .禁止鼠标右键的动作

  <script Language
= " Javascript "
  
function click() { if (event.button == 2 || event.button == 3 )
  {
  alert(
' 禁止鼠标右键 ' );
  }
  document.onmousedown
= click // -->
  < / script>

9 .设置该页为首页

  <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 .节日倒计时

  <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 .单击按钮打印出当前页

  <script Language
= " Javascript "
  <
!-- Begin
  
if (window.print) {
  document.write(
' <form> '
  
+ ' <input type=button name=print value="打印本页" '
  
+ ' onClick="javascript:window.print()"></form> ' );
  }
  
// End -->
  < / script>

12 .单击按钮‘另存为’当前页

  <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 .显示系统当前日期

  <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 .不同时间段显示不同问候语

  <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 .水中倒影效果

  <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 .慢慢变大的窗口

  <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.3ydesign.com) " >进入< / a>

17 .改变IE地址栏的IE图标

  我们要先做一个16
* 16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head>< / head>之间加上如下代码:

  <link REL
= " Shortcut Icon " href = " index.ico " > 
posted on 2008-10-20 16:35 allic 阅读(181) 评论(0)  编辑  收藏 所属分类: Javascript,css,AJAX等浏览器前台效果

只有注册用户登录后才能发表评论。


网站导航: