JavaScript特效的实现


  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〉

  2.慢慢变大的窗口

  〈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.ccjol.com')"〉进入〈/a〉

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

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

  4.让网页随意后退

  〈a href="javascript:history.go(-X)"〉X〈/a〉 //把X换成你想要后退在页数   //把“-”变成“+”就为前进

  5.鼠标指向时弹出信息框

  在〈body〉〈/body〉之间加上如下代码:   〈a href onmouseover="alert('弹出信息!')"〉显示的链接文字〈/a〉

  6.单击鼠标右键弹出添加收藏夹对话框

  在〈body〉〈/body〉之间加上如下代码:   〈script Language=Javascript〉 if (document.all)   document.body.onmousedown=new Function("if (event.button==2||event.button==3)   window.external.addFavorite('您的网址','您的网站名称)")   〈/script〉

  7.随机变换背景图象(一个可以刷新心情的特效)

  在〈head〉〈/head〉之间加上如下代码:   〈script Language="Javascript"〉  image = new Array(4); //定义image为图片数量的数组  image [0] = 'tu0.gif' //背景图象的路径  image [1] = 'tu1.gif'   image [2] = 'tu2.gif'   image [3] = 'tu3.gif'   image [4] = 'tu4.gif'   number = Math.floor(Math.random() * image.length);   document.write("〈BODY BACKGROUND="+image[number]+"〉");   〈/script〉

  8.表格的半透明显示效果

  〈head〉  〈style〉  .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度  〈/style〉 〈/head〉   〈body〉  〈table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" 〉  〈tr〉  〈td width="100%" height="62"〉  〈div align="center"〉很酷吧!〈/div〉  〈/td〉  〈/tr〉  〈/table〉 〈/body〉

  论坛讨论:http://bbs.websbook.com/viewthread.php?tid=1073&page=1&extra=page%3D1



相关阅读:
无服务器做任意二级米子站
asp.net(C#)函数对象参数传递的问题
Windows7 个性化设置中的失败之处
Javascript学习笔记-详解in运算符
JS实例:控制非法字符输入的JS代码
PHP教程:插件机制在PHP中实现方案
PHP的FTP学习(一)
正确使用XHTML的冒险以及解决办法
HTML高级技巧:详解CSS的优先权
javascript 面向对象编程基础:继承
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
javascript 表单之间的数据传递
ExtJS Window 最小化的一种方法
div+css在思路和流程上实现结构与表现的分离
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4