1、页面全屏

  1. 页面全屏显示[ALT+F4关闭][共1步][新弹出窗口并以全屏幕方式显示]
  2.  
  3. ====1、将以下代码加入HTML的<body></body>之间：
  4.  
  5. <form>
  6. <div align="center">
  7. <input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">
  8. </div>
  9. </form>

2、显示器检测代码(给出提示)

  1. 显示器检测代码[共1步][如果对方的分辨率不是800*600就出现提示文字]
  2. [你可以改一下分辨率试一下]
  3.  
  4. ====1、将以下代码加入HEML的<body></body>之间：
  5.  
  6. <script language="JavaScript1.2">
  7. <!--
  8. var correctwidth=800
  9. var correctheight=600
  10. if (screen.width!=correctwidth||screen.height!=correctheight)
  11. document.write("本站最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果！")
  12. //-->
  13. </script>

3、浏览器检测后自动调相应页面转

  1. 浏览器检测后自动调相应页面转[共1步]
  2. [自动检测是IE还是NS然后根据结果自动专到相应页面避免浏览器的不兼容导致的页面浏览异常]
  3.  
  4. ====1、将以下代码加入HTML的<head></head>之间：
  5.  
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!-- Start Code
  8. var ver = navigator.appVersion;
  9. if (ver.indexOf("MSIE") != -1)
  10. {
  11. window.location.href="IE的页面.htm"
  12. }else
  13. window.location.href="NS的页面.htm"
  14. // End Code -->
  15. </SCRIPT>

4、检测浏览器版本信息

  1. 　
  2. 检测浏览器版本信息[检测浏览器.操作系统.的简易代码][共1步]
  3.  
  4. ====1、将以下代码加入HTML的<BODY>区即可:
  5.  
  6. <script>
  7. document.write("版本 "+navigator.appVersion);
  8. </script>

5、页面停留时间

  1. 　
  2. 一、页面停留时间1[共2步]
  3.  
  4. ====1、将以下代码加入HTML的<head></head>之间：
  5.  
  6. <SCRIPT LANGUAGE="JAVASCRIPT">
  7. <!--
  8. var ap_name = navigator.appName;
  9. var ap_vinfo = navigator.appVersion;
  10. var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));
  11. var time_start = new Date();
  12. var clock_start = time_start.getTime();
  13. var dl_ok=false;
  14. function init ()
  15. {
  16. if(ap_name=="Netscape" && ap_ver>=3.0)
  17. dl_ok=true;
  18. return true;
  19. }
  20. function get_time_spent ()
  21. {
  22. var time_now = new Date();
  23. return((time_now.getTime() - clock_start)/1000);
  24. }
  25. function show_secs () // show the time user spent on the side
  26. {
  27. var i_total_secs = Math.round(get_time_spent());
  28. var i_secs_spent = i_total_secs % 60;
  29. var i_mins_spent = Math.round((i_total_secs-30)/60);
  30. var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent);
  31. var s_mins_spent ="" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent);
  32. document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent;
  33. window.setTimeout('show_secs()',1000);
  34. }
  35. // -->
  36. </SCRIPT>
  37.  
  38. ====2、将以下代码加入HTML的<body></body>之间：
  39.  
  40. <BODY onLoad="init(); window.setTimeout('show_secs()',1);">
  41. <form name="fm0" onSubmit="0">
  42. <font size="-1"><I><FONT COLOR="#888888">您在本网页的停留时间:</FONT></I></font><br>
  43. <INPUT type="text" name="time_spent" size=7 onFocus="this.blur()">
  44. </form> 
  45.  
  46. 　
  47. 二、页面停留时间2[离开时弹出提示框][共1步]
  48.  
  49. ====1、将以下代码加入HEML的<body></body>之间：
  50.  
  51. <script LANGUAGE="Javascript">
  52. <!-- Begin
  53. pageOpen = new Date();
  54. function bye() {
  55. pageClose = new Date();
  56. minutes = (pageClose.getMinutes() - pageOpen.getMinutes());
  57. seconds = (pageClose.getSeconds() - pageOpen.getSeconds());
  58. time = (seconds + (minutes * 60));
  59. if (time == 1) {
  60. time = (time + " second");
  61. }
  62. else {
  63. time = (time + " seconds");
  64. }
  65. alert('您在本页停留了' + time + '.谢谢！!');
  66. }
  67. // End -->
  68. </script>
  69. <body onUnload="bye()">

6、检测浏览器类型并调用不同的背景音乐

  1. 　
  2. 检测浏览器类型并调用不同的背景音乐[修改MIDI文件名][共1步]
  3.  
  4. ====1、将以下代码加入HTML的<body></body>之间：
  5.  
  6. <SCRIPT LANGUAGE="JavaScript">
  7. <!-- Begin
  8. var MSIE=navigator.userAgent.indexOf("MSIE");
  9. var NETS=navigator.userAgent.indexOf("Netscape");
  10. var OPER=navigator.userAgent.indexOf("Opera");
  11. if((MSIE>-1) || (OPER>-1)) {
  12. document.write("<BGSOUND SRC=sound.mid LOOP=INFINITE>");
  13. } else {
  14. document.write("<EMBED SRC=sound2.mid AUTOSTART=TRUE ");
  15. document.write("HIDDEN=true VOLUME=100 LOOP=TRUE>");
  16. }
  17. // End -->
  18. </SCRIPT

JavaScript特效源码(6、页面特效一)的更多相关文章

  1. JavaScript特效源码(1、文字特效)

    注:本文以及以下关于Javascript特效源码都是分享自JavaScript源码大全. 1.逐隐逐现的的特效 逐隐逐现的文字特效[推荐使用][适用于IE4++] (修改显示的文字后根据说明进行共2步 ...

  2. 多种的android进度条的特效源码

    多种的android进度条的特效源码,这个源码是在源码天堂那个网站上转载过来的,我已经修改一部分了,感觉很实用的,大家可以学习一下吧,我就不上传源码了,大家可以直接到那个网站上下载吧. 源码天堂下载地 ...

  3. JavaScript特效源码(4、鼠标特效)

    1.鼠标感应--渐现特效 鼠标感应渐显图片[平时很模糊的图片鼠标一放上就显示清楚] [修改图片名称即可][共2步] ====1.将以下代码加入HTML的<head></head> ...

  4. 3D轮播切换特效 源码

    这个3D轮播切换特效是我2017年2月份写的 当初我 刚接触HTML不久,现在把源码分享给大家 源码的注释超级清楚 . <!-- 声明文档类型:html 作用:符合w3c统一标准规范 每个浏览器 ...

  5. 使用C#重写网上的60行 Javascript 俄罗斯方块源码 (带注释)

    在很久很久以前,就已经看过 60行Js的俄罗斯方块源码.无奈当时能力不够看明白,当时觉得就是个神作. 现在总算有空再看了,顺便用c#实现一遍(超过60行),顺道熟悉下Js API. 网上其他博客也有分 ...

  6. springMVC源码分析--页面跳转RedirectView（三）

    之前两篇博客springMVC源码分析--视图View(一)和springMVC源码分析--视图AbstractView和InternalResourceView(二)中我们已经简单的介绍了View相 ...

  7. JavaScript特效源码(7、页面特效二)

    7.将站点加入频道栏 将站点加入频道栏[看详细说明] ====1.加入channel的方法:使用如下连接指向你的频道文件*.cdf. <a href="javascript:windo ...

  8. JavaScript特效源码(8、其他特效)

    1.中文日期 中文日期[无须修改][共1步]] ====1.将以下代码加入HEML的<body></body>之间 <script LANGUAGE="Java ...

  9. JavaScript特效源码(5、背景特效)

    1.数字时钟 背景时钟[好大的钟][推荐][共1步] ====1.以下是这个效果的全部代码.[最好从一个空页面开始] <html> <head> <TITLE>背景 ...

随机推荐

  1. DELPHI读取网页源文件和获取字符串

    说到网页采集,通常大家以为到网上偷数据,然后把到收集到的数据挂到自己网上去.其实也可以将采集到的数据做为公司的参考,或把收集的数据跟自己公司的业务做对比等.目前网页采集多为3P代码为多(3P即ASP. ...

  2. OpenStack与KVM的区别与联系

    转:https://www.aliyun.com/zixun/content/2_6_280418.html OpenStack与KVM都是目前IT界比较热门的两个词汇.它们都是开源的,都与Linux ...

  3. 秒懂机器学习---k-近邻算法实战

    秒懂机器学习---k-近邻算法实战 一.总结 一句话总结: k临近算法的核心就是:将训练数据映射成k维空间中的点 1.k临近算法怎么解决实际问题? 构建多维空间:每个特征是一维,合起来组成了一个多维空 ...

  4. Java-javaFx库运用-自动弹跳的球

    (1)定义一个名为BallPane的类,用于显示一个弹动的球: (2)定义一个名为BounceBallControl的类,用来使用鼠标动作控制弹球,当鼠标按下的时候动画暂停,当鼠标释放的时候动画恢复执 ...

  5. 2015ACM/ICPC亚洲区沈阳站重现赛-HDU5512-Pagodas-gcd

    n pagodas were standing erect in Hong Jue Si between the Niushou Mountain and the Yuntai Mountain, l ...

  6. Thread状态

  7. 使用反射机制，获取 ArrayList 的容量大小

    本文所有说明及代码示例都是基于JDK 1.8  ArrayList 提供size()方法获取当前集合的元素数量,但无法知道当前集合的容量,翻看 ArrayList 的源代码,可以看到字段 elemen ...

  8. 刚装完Linux就CPU占用率高

    top命令发现如下三个进程占据了前三的CPU使用率 wpa_supplicant NetworkManager rsyslogd google发现前两个进程与无线网络有关,我的电脑是笔记本,插的有线, ...

  9. sp_executeSql 用法 执行有参数的sql字符串 出现必须声明标量变量 "@XXX"。

    今天遇到了一个难题 就是把 一个拼接sql语句 的返回值 赋值给一个变量 经研究 要用sp_executeSql这个存储过程 据说是从sql 2005才开始有的 代码如下: declare @str ...

  10. System.arraycopy复制数组方法解释

    **/* * @param src the source array.源数组 * @param srcPos starting position in the source array.源数组要复制的 ...