JavaScript特效源码(6、页面特效一)

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、页面特效一)

时间: 2024-10-10 21:39:33

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

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

7.将站点加入频道栏 将站点加入频道栏[看详细说明] ====1.加入channel的方法:使用如下连接指向你的频道文件*.cdf. <a href="javascript:window.external.addChannel('jschannel.cdf')"> ============================================================================================== *.cdf文件的内容如

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

1.中文日期 中文日期[无须修改][共1步]] ====1.将以下代码加入HEML的<body></body>之间 <script LANGUAGE="JavaScript"> function number(index1){ var numberstring="一二三四五六七八九十"; if(index1 ==0) {document.write("十")} if(index1 < 10){ docum

javascript特效源码(2、图像特效)

1.不停闪烁的图像 不停闪烁的图片[修改显示的图片及链接地址后根据说明进行共1步] 1.以下代码放在一个新建页面的HTML的<body></body> 区即可:[页面上必须什么都没有] <HTML> <HEAD> <TITLE>Blink image</TITLE> </HEAD> <BODY ONLOAD="soccerOnload()" topmargin="0">

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

1.逐隐逐现的的特效 逐隐逐现的文字特效[推荐使用][适用于IE4++] (修改显示的文字后根据说明进行共2步) 1.以下代码放在一个新建页面的HTML的<body></body>区即可:[页面上必须什么都没有] <html> <head> <TITLE>特效</TITLE> </head> <script language=javaScript> <!-- // var thissize=20 var

JavaScript特效源码(3、菜单特效)

1.左键点击显示菜单 左键弹出式菜单[推荐][修改显示的文字及链接即可][共2步] ====1.将以下代码加入HEML的<head></head>之间: <style type="text/css"> body{font: 9pt "宋体"; margintop: 0px ; color: #ffffff; background: #000000} a.{ font: 9pt "宋体"; cursor: han

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

1.鼠标感应--渐现特效 鼠标感应渐显图片[平时很模糊的图片鼠标一放上就显示清楚] [修改图片名称即可][共2步] ====1.将以下代码加入HTML的<head></head>之间: <script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.

XML环绕发光Flash文字特效源码

XML环绕发光Flash文字特效代码 flashden源码素材,文字特效 flash 发光 环绕发光 flash特效 glow blur transition button text effect intro Christmas Noel Xmas New Year banner1.您可以通过XML来改变或增加每个文字的发光颜色,发光强度,发光的速度,重复次数;2.您可无限添加文字信息;3.任意拖放到您的Flash影片剪辑里;XML Glow Fader Text Rotator v1.0. I

经典风格的特效源码分享

特效源码分享,废话不多说,直接上源码. 仿hao123网址导航源码HTML整站下载 经典实用的风格,集时间日期.天气预报.邮箱登陆.搜索引擎.名站.酷站.实用工具.分类目录等常用模板,布局合理,版面简洁,文字清晰,让浏览者一步直达目标网站. (特效展示)(源码下载) Jquery+CSS3动画弹出表单提交效果 这是一款jquery对话框插件制作css3动画弹出表单提交代码,包括各种多功能表单弹出层插件,可实现各种弹出效果. (特效展示)(源码下载) Jquery九宫格大转盘抽奖 这是一款基于Jq

分享八款主流web前端的特效源码

1.vivo官网左右全屏动画焦点图 vivo官网左右全屏动画焦点图是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码. 在线演示 源码下载 2.多种类型自定义对话框插件jDialog 多种类型自定义对话框插件jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件. 在线演示 源码下载 3.jquery仿360浏览器猜你喜欢悬浮代码 脚本简介jquery仿360浏览器猜你喜欢悬浮代码是一款基于jQuery实现的更多图片列表查看代码. 在线演示 源码下