网上网-网页特效代码

网页特效代码

象本页出来一样的动作代码:

<script language="JavaScript">

<!--

var ScreenWidth=screen.width;

var ScreenHeight=screen.height;

var NavigatorName=navigator.appName;

var NavigatorVer=navigator.appVersion;

var IsWindowMove=true;

var WindowX=0;

var WindowY=0;

var WindowWidth=0;

var WindowHeight=0;

var CMD_PosX=0;

var CMD_PosY=0;

var CMD_Time=null;

var SYS_WDEFT_IsReload=false;

var SYS_WDEFT_FnTimeout=null;

var SYS_CSEFT_IsDisplay=true;

window.setTimeout("SYS_WDEFT_Display()",10);

function SYS_WDEFT_Display() {

if(SYS_WDEFT_IsReload==false) {

SYS_WDEFT_IsReload=true;

var CircRadius=ScreenWidth*3/14;

var DymA=0;

WindowX=0;

WindowY=ScreenHeight/2;

window.resizeTo(WindowWidth,WindowHeight);

window.moveTo(WindowX,WindowY);

for(DymA=180;DymA>0;DymA--) {//Draw the first part of cardioid line

WindowX=CircRadius*(1-Math.cos(DymA/180*Math.PI))*Math.cos(DymA/180*Math.PI)+3*CircRadius;

WindowY=ScreenHeight/7*3-CircRadius*(1-Math.cos(DymA/180*Math.PI))*Math.sin(DymA/180*Math.PI);

if(WindowX>ScreenWidth)WindowX=ScreenWidth;

if(WindowY<0)WindowY=0;

WindowWidth=ScreenWidth*(180-DymA)/180/6;

WindowHeight=ScreenHeight*(180-DymA)/180/6;

if(WindowX+WindowWidth>ScreenWidth)WindowWidth=ScreenWidth-WindowX;

if(WindowY+WindowHeight>ScreenHeight)WindowHeight=ScreenHeight-WindowY;

window.moveTo(WindowX,WindowY);

window.resizeTo(WindowWidth,WindowHeight);

}

for(DymA=360;DymA>180;DymA--) {//Draw the second part of cardioid line

WindowX=CircRadius*(1-Math.cos(DymA/180*Math.PI))*Math.cos(DymA/180*Math.PI)+3*CircRadius;

WindowY=ScreenHeight/7*3-CircRadius*(1-Math.cos(DymA/180*Math.PI))*Math.sin(DymA/180*Math.PI);

if(WindowX>ScreenWidth)WindowX=ScreenWidth;

if(WindowY>ScreenHeight)WindowY=ScreenHeight;

if(WindowX>ScreenWidth*5/6)WindowWidth=ScreenWidth-WindowX;

else WindowWidth=ScreenWidth/6;

if(WindowY>ScreenHeight*5/6)WindowHeight=ScreenHeight-WindowY;

else WindowHeight=ScreenHeight/6;

window.moveTo(WindowX,WindowY);

window.resizeTo(WindowWidth,WindowHeight);

}

for(;WindowX>0||WindowY>0;) {//Resize window to match the client screen

WindowX=WindowX*4/5;

WindowY=WindowY*4/5;

WindowWidth=WindowWidth+WindowX/4;

WindowHeight=WindowHeight+WindowY/4;

if(WindowX+WindowWidth>ScreenWidth)WindowWidth=ScreenWidth-WindowX;

if(WindowY+WindowHeight>ScreenHeight)WindowHeight=ScreenHeight-WindowY;

if(WindowX<2) {

WindowX=0;

WindowWidth=ScreenWidth;

}

if(WindowY<2) {

WindowY=0;

WindowHeight=ScreenHeight;

}

window.moveTo(WindowX,WindowY);

window.resizeTo(WindowWidth,WindowHeight);

}

window.moveTo(0,0);

window.resizeTo(ScreenWidth,parseInt(ScreenHeight-25));//Windows' Bottom Bar and the Navigator Status Bar's Height is about 20 pix

SYS_WDEFT_FnTimeout=window.setTimeout("SYS_WDEFT_Display()",10);

}

else window.clearTimeout(SYS_WDEFT_FnTimeout);

}

//-->

</script>

状态栏里的动态欢迎语:

<script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临网上网! Welcome to www.163666.com "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>

 

常用网页特效:


鼠标特效:

1. 显示鼠标坐标在方框中显示鼠标在页面的坐标
2. 显示链接特征鼠标使链接变色变样,用起来很有个性的哟
3. 闪烁的星星象图片一样跟随着鼠标闪烁的星星,简单却很实用
4. 各种形状的鼠标:各种各样的鼠标形状,有些有特殊作用的,你可以灵活运用
5. 跟随鼠标的星星跟随鼠标的一群小点,就象星星一样,很好看
6. 跟随鼠标的字符:在鼠标后面跟着一串飘动的字符,想写什么就写什么,爽吧
7. 跟踪鼠标一串图片跟着鼠标运动,如果图片做得好,可以有很好的效果
8. 鼠标激活警告框:鼠标放到链接上,就立刻弹出警告框
9. 禁用右键自动导航如果你点了右键页面就自动跳转到相应链接上,你想试一试吗
10. 鼠标点击效果:鼠标点击一下就会飞出一连串的英文字母,很好看的
11. 鼠标控制窗口开关鼠标放到链接上窗口自动打开,但是鼠标一离开,窗口就关闭
12. 鼠标轨迹:一个跟随鼠标移动的模糊轨迹,很有艺术性,效果非常漂亮
13. 鼠标旋转效果跟随鼠标的星星点点,变化过程非常漂亮,你一定会喜欢的
14. 链接十字:如果你厌倦了手型鼠标,换一个鼠标形状,搞搞新意如何
15. 围绕鼠标跳舞的文字一段文字围绕鼠标跳舞,真是有趣
16. 鼠标点击效果:点击鼠标,你一定会乐得心花怒放
17. 绕鼠标旋转的流星一串流星绕鼠标旋转,效果真的很爽

按钮特效:

1 全屏显示
2 打开一个全屏窗口
3 各种用途的按钮大集合
4 特殊效果的按钮
5 让屏幕抖动一阵

页面背景特效:

1. RGB背景调色:输入RGB颜色数值,就能转化成十六位颜色代码且背景改变
2. 背景调色板:状态栏还能显示颜色值
3. 跟随鼠标旋转背景:多彩的礼花跟随鼠标旋转,效果很不错
4. 鼠标使链接变色:鼠标放到链接上,每放一次都会出现不同的背景色
5. 手动调节背景色:背景色能用按钮进行手动调节
6. 链接驱动背景色:不同连接居然能变换不同背景色,想给访客惊奇可用一下
7. 礼花背景:深隧的天空不断爆出多彩的礼花,漂亮极了
8. 文本向上循环滚动
9. 页面自动滚屏效果

时间日期物资:

1. 带时钟的台历一个非常非常漂亮的仿真电子台历,不用可惜
2. 倒影时钟:走动的时间还有倒影,看看吧
3. 具有开关功能的时钟时间的显示可用开关控制
4. 指针式时钟:绝对酷的指针式时钟,与真正的时钟非常相似
5. 时钟小巧却是用得最多的时间显示方法
6. 准确的计时器:时间可以准确到百分之一秒
7. 显示日期和星期常规的日期和星期的显示方法
8. 非常酷的手表:一个真正的手表,指针是用内嵌函数做成的,非常酷
9. 一款别致的万年历一款别致的万年历,看看吧
10. 定时打开新窗口:定时开启一个新窗口
11. 纯JavaScript时钟纯JavaScript做的指针式时钟
12. 最后更新日期显示(1):能自动显示主页的最后更新日期

图像特效:

1. 图形展示特效:使图片显示出现各种不同效果的程序,堪称经典,值得珍藏

2. 图片大小随鼠标触碰而变化

3. 自由移动的图片

4. 图片的渐显播放:多个图片进行渐显轮换播放

5. 漫天飞雪

链接特效:

1. 超酷变色导航条鼠标移上去就变色的导航条
2. 邮件的主题设置:如果邮箱来信太多,就有必要设置邮件的主题,方便识别
3. 象雪花飘飞的LOGO连接带连接的图片在页面飘飞。很多大型网站常用
4. 不停闪烁的图片:带连接的图片不断闪烁,吸引访客注意力
5. 文本扩展下拉菜单点击文字就会象下拉菜单一样出现站点导航连接
6. 调用网页:在一个网页中调用另一网页。给内容更新和版面规划带来方便
7. 动态按钮一个图片当鼠标放上去时就会变成另一个图片
8. 封面页的定时方法:封面页显示一定时间后自动进入主页
9. 跟随屏幕移动的图像无论怎么拖动滚动条,图片始终位于一定的位置
10. 缓慢打开的下拉菜单:点击文字就会出现下拉菜单,出现的效果很特别
11. 新闻播放器用于实时新闻播报,真是棒极了

用户提示特效:

1. 检测IE所装插件:检测出用户的IE浏览器所装插件数
2. 检测访问来源:检测访客来自哪里
3. 检测显示器的分辨率:能检测出访客当前显示器的分辨率
4. 验证输入信息:对输入文本框的内容作出检测,如@,空隔等是否存在
5. 页面载入等待:如果你的文件较大,可以提示访客等待…
6. 链接确认按钮:不仅能对连接进行确认还能给出有关提示,你看看就知道了
7. 检测浏览器去过站点:告诉访客他此次上网已经访问了多少个站点
8. 签名提示程序:提示用户签到,并在页面给出欢迎语
9. 集成Cookies :能在页面显示用户的很多信息
10. 离开启动收藏夹:用户离开时启动收藏夹,提示用户把本页添加到收藏夹
11. 电子邮件表单:这个技巧对你也许有用。可在线提交访客信息
12. 即时提示:即时提示效果,看看吧
13. 随来访次数显示信息:用户来访次数不同,看到页面显示的信息也不相同
14. 设为主页和加入收藏夹:鼠标一到就会提示用户把该页设为主页和加入收藏夹
15. 禁用右键并自动导航:如果你点了右键,它会把你带到另一个地方
16. 禁用鼠标右键:禁用鼠标右键功能。可以禁止别人查看源文件
17. 禁用鼠标左键:禁用鼠标左键功能

 

 


设为首页

关于我们 新闻公告 客户服务 办理汇款 联系方法 本站招聘 过客留言 代理合作

QQ:2873342  MSN:zhishenggang@hotmail.com  E-MAIL:webmaster@163666.com

Copyright ©2003-2008 www.163666.com All rights reserved

真诚感谢: 中国新网 中华企业网 百度搜索 卓越网 太极链

 网上网版权所有  浙ICP备05066679号