1、页面全屏

页面全屏显示[ALT+F4关闭][共1步][新弹出窗口并以全屏幕方式显示]

====1、将以下代码加入HTML的<body></body>之间：

<form>

<div align="center">

<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">

</div>

</form>

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

显示器检测代码[共1步][如果对方的分辨率不是800*600就出现提示文字]

[你可以改一下分辨率试一下]

====1、将以下代码加入HEML的<body></body>之间：

<script language="JavaScript1.2">

<!--

var correctwidth=800

var correctheight=600

if (screen.width!=correctwidth||screen.height!=correctheight)

document.write("本站最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果！")

//-->

</script>

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

浏览器检测后自动调相应页面转[共1步]

[自动检测是IE还是NS然后根据结果自动专到相应页面避免浏览器的不兼容导致的页面浏览异常]

====1、将以下代码加入HTML的<head></head>之间：

<SCRIPT LANGUAGE="JavaScript">

<!-- Start Code

var ver = navigator.appVersion;

if (ver.indexOf("MSIE") != -1)

{

window.location.href="IE的页面.htm"

}else

window.location.href="NS的页面.htm"

// End Code -->

</SCRIPT>

4、检测浏览器版本信息

　

检测浏览器版本信息[检测浏览器.操作系统.的简易代码][共1步]

====1、将以下代码加入HTML的<BODY>区即可:

<script>

document.write("版本 "+navigator.appVersion);

</script>

5、页面停留时间

　

一、页面停留时间1[共2步]

====1、将以下代码加入HTML的<head></head>之间：

<SCRIPT LANGUAGE="JAVASCRIPT">

<!--

var ap_name = navigator.appName;

var ap_vinfo = navigator.appVersion;

var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));

var time_start = new Date();

var clock_start = time_start.getTime();

var dl_ok=false;

function init ()

{

if(ap_name=="Netscape" && ap_ver>=3.0)

dl_ok=true;

return true;

}

function get_time_spent ()

{

var time_now = new Date();

return((time_now.getTime() - clock_start)/1000);

}

function show_secs () // show the time user spent on the side

{

var i_total_secs = Math.round(get_time_spent());

var i_secs_spent = i_total_secs % 60;

var i_mins_spent = Math.round((i_total_secs-30)/60);

var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent);

var s_mins_spent ="" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent);

document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent;

window.setTimeout('show_secs()',1000);

}

// -->

</SCRIPT>

====2、将以下代码加入HTML的<body></body>之间：

<BODY onLoad="init(); window.setTimeout('show_secs()',1);">

<form name="fm0" onSubmit="0">

<font size="-1"><I><FONT COLOR="#888888">您在本网页的停留时间:</FONT></I></font><br>

<INPUT type="text" name="time_spent" size=7 onFocus="this.blur()">

</form> 

　

二、页面停留时间2[离开时弹出提示框][共1步]

====1、将以下代码加入HEML的<body></body>之间：

<script LANGUAGE="Javascript">

<!-- Begin

pageOpen = new Date();

function bye() {

pageClose = new Date();

minutes = (pageClose.getMinutes() - pageOpen.getMinutes());

seconds = (pageClose.getSeconds() - pageOpen.getSeconds());

time = (seconds + (minutes * 60));

if (time == 1) {

time = (time + " second");

}

else {

time = (time + " seconds");

}

alert('您在本页停留了' + time + '.谢谢！!');

}

// End -->

</script>

<body onUnload="bye()">

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

　

检测浏览器类型并调用不同的背景音乐[修改MIDI文件名][共1步]

====1、将以下代码加入HTML的<body></body>之间：

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var MSIE=navigator.userAgent.indexOf("MSIE");

var NETS=navigator.userAgent.indexOf("Netscape");

var OPER=navigator.userAgent.indexOf("Opera");

if((MSIE>-1) || (OPER>-1)) {

document.write("<BGSOUND SRC=sound.mid LOOP=INFINITE>");

} else {

document.write("<EMBED SRC=sound2.mid AUTOSTART=TRUE ");

document.write("HIDDEN=true VOLUME=100 LOOP=TRUE>");

}

// End -->

</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. <Java编程思想>读书笔记(1)-对象导论、一切都是对象

    1.面向对象编程:OOP (Object-oriented Programming) 2.Alan Kay 总结的面向对象语言5个基本特性: 1) 万物皆为对象 2) 程序是对象的集合,他们通过发送消 ...

  2. 使用Docker在服务器上部署Ubuntu，本地传文件到docker

    使用Docker在服务器上部署Ubuntu,本地传文件到docker 作者:王佳乐 目录 安装Docker 安装Docker 全部安装流程: 登录服务器 ssh username@ip 检查是否已经安 ...

  3. 5天玩转C#并行和多线程编程 —— 第一天 认识Parallel 转载 https://www.cnblogs.com/yunfeifei/p/3993401.html

    5天玩转C#并行和多线程编程系列文章目录 5天玩转C#并行和多线程编程 —— 第一天 认识Parallel 5天玩转C#并行和多线程编程 —— 第二天 并行集合和PLinq 5天玩转C#并行和多线程编 ...

  4. 自动ftp脚本，aix/linux 和 windows

    首先windows @echo off REM 基本配置 REM 远程信息 set remote_ip=%1 set remote_user=%2 set remote_passwd=%3 set r ...

  5. 12-MySQL-Ubuntu-数据表的查询-数据准备和基本查询(一)

    一,数据准备 创建数据库.数据表 -- 创建数据库 create database python_test_1 charset=utf8; -- 使用数据库 use python_test_1; -- ...

  6. UVA 11178 /// 向量旋转 两向量夹角

    题目大意: https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_proble ...

  7. WebService接口测试

  8. 基于第三方开源库的OPC服务器开发指南（4）——后记：与另一个开源库opc workshop库相关的问题

    平心而论,我们从样例服务器的代码可以看出,利用LightOPC库开发OPC服务器还是比较啰嗦的,网上有人提出opc workshop库就简单很多,我千辛万苦终于找到一个05年版本的workshop库源 ...

  9. iOS开发系列-打印内存地址

    打印内存地址 基本数据类型 定义一个基本数据类型,会根据变量类型分配对应的内存空间.比如定义一个int类型的变量a. int a = 10; 内存如下 输入变量a在内存中内存地址 NSLog(@&qu ...

  10. el-dialog（点击左上角的关闭x）执行弹窗关闭之前的回调

    绑定的事件: :before-close="handleDialogClose" html: <!-- 新增.编辑弹窗 --> <el-dialog :close ...