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. mysql复制以及一主多从等常见集群概述

    1 复制概述 Mysql内建的复制功能是构建大型,高性能应用程序的基础.将Mysql的数据分布到多个系统上去,这种分布的机制,是通过将Mysql的某一台主机的 数据复制到其它主机(slaves)上,并 ...

  2. yolov1代码阅读

    yolov1使用的backbone是由GoogLeNet启发而来,有24个卷积层,最后接2个全连接层,详细结构如下图: 检测网络的输入分辨率是448X448,最后的特征图大小为7X7.在特征图的每一个 ...

  3. 导出lab动态命名文件夹文件名

    set tmp=%date:~0,10%echo %tmp:/=-%mkdir %tmp:/=-%cd %tmp:/=-%exp meet/meet@orcl_11 file=%tmp:/=-%.dm ...

  4. XDTIC2019招新笔试题 + 官方解答

    腾讯创新俱乐部2019年招新笔试试题   [1] 小宗学长正在努力学习数论,他写下了一个奇怪的算式: \[ 2019^{2018^{2017^{\dots^{2^1}}}} \] 算式的结果一定很大, ...

  5. 新手git遇到的问题

    1. 如何撤销git add,不小心执行了git add . 操作,但是又不能提交所有的文件,因为对应不同的分支,现在怎么样可以将git add 撤销回来? 解决:git reset HEAD(暂时尝 ...

  6. maven-dependencyManagement和dependencies区别

    在多模块的maven项目中,如果各个子项目的依赖包相同但版本不同的话,对于测试.发布和管理非常困难 dependencyManagement就是起统一版本作用的一个标签,好处有2,一是统一版本,二是子 ...

  7. The linux command 之权限

    一.修改权限 只有文件主或者超级用户才可以修改文件或者目录的权限. 符号表示法分为三种: Who the change will affect Which operation will be perf ...

  8. 小程序template怎样渲染页面的

    template模板渲染demo wxml页面 <view class="btmcon"> <text class="btmtitle"> ...

  9. Python中虚拟环境venv的基本用法

    环境windows 7 venv为python3中的默认库,无需安装. 创建新的venv方法, 在当前文件夹下执行cmd,输入如下代码 python -m venv bob bob为需要创建的文件夹名 ...

  10. cocos2D-X LUA 非常简单的一个贪吃蛇案例

    --[[ 贪吃蛇 ]] local RetroSnaker = class("RetroSnaker", function() return cc.Layer:create(); ...