注册
登录
网页游戏
论坛
搜索
帮助
导航
捌玖博客
私人消息 (0)
公共消息 (0)
论坛任务 (0)
系统消息 (0)
好友消息 (0)
帖子消息 (0)
捌玖网络工作室
»
域名/空间
» 给大家分享几个网页鼠标特效代码。。。顶哦↑
返回列表
发帖
tianya
发短消息
加为好友
tianya
(依剑闯天涯)
当前离线
绝情天涯
UID
224
帖子
90
精华
3
积分
661
阅读权限
100
来自
湖南
在线时间
40 小时
注册时间
2008-3-25
最后登录
2010-12-1
版主
UID
224
帖子
90
精华
3
积分
661
金币
93
威望
10
贡献
0
1
楼
跳转到
»
倒序看帖
打印
字体大小:
t
T
发表于 2008-4-29 12:30
|
只看该作者
给大家分享几个网页鼠标特效代码。。。顶哦↑
网页特效
点击会变色哦!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---随鼠标变色的文字</title>
</head>
<body>
<p>将鼠标移到这里看看<p><p></p>
<script language="VBScript">
sub hello
document.fgColor=int(256*256*256*rnd)
end sub
</script>
</body>
</html>
复制代码
让鼠标下场雪,想不到啊
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---让鼠标下场雪,想不到啊</title>
</head>
<body>
<STYLE TYPE="text/css">
<!--
BODY{overflow:scroll;overflow-x:hidden;}.s1{position : absolute; font-size : 12pt; color : blue; visibility: hidden;}.s2{ position : absolute; font-size : 20pt; color : red; visibility : hidden;}
.s3{ position : absolute; font-size : 16pt; color : gold; visibility : hidden;}.s4{ position : absolute; font-size : 14pt; color : lime; visibility : hidden;}
-->
</STYLE>
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<script language="javascript" type="text/javascript" class="s5">
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}
function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}
</script>
</body>
</html>
复制代码
紧随鼠标的流动彩色字串
<html>
<head>
<title>网页特效|Linkweb.cn/Js|---紧随鼠标的流动彩色字串</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>.spanstyle {
COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
</head>
<body bgcolor="#000000">
<script language="javascript">
var message="欢 迎 进 入 我 的 网 站 !";
var x,y;
var step=12;
var flag=0;
message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) {
xpos=-50;
}
var ypos=new Array();
for (i=0;i<=message.length-1;i++) {
ypos=-50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+10;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step;
ypos=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for (i=0; i<=message.length-1; i++) {
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos;
thisspan.posTop=ypos;
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step;
ypos=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i);
thisspan.left=xpos;
thisspan.top=ypos;
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}
}
</script>
<script language="javascript">
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
<script
language="javascript">
function pageonload() {
makesnake();
window.setTimeout("pageonload();", 2);
}
</script>
</body>
</html>
复制代码
收藏
分享
等哦囿RMBㄋ,买俩個馒頭,吃⑴个扔①个,咬㈠□吐Ⅰ口。
返回列表
建站交流
服务器环境搭建
〖Photoshop专区〗
广而告之
网页游戏大厅
论坛事务
网页制作QQ群
平面设计QQ群
新手指南
发展建议
相关申请
空间申请
休闲山庄
都市T台秀
〖电影视频〗
〖涂鸦贴图〗
会员风采
夜色--YES
体坛风云
游戏GAME
广而告之
计算机专版
系统优化
电脑硬件
电脑软件
网络安全
网页制作工具
〖Photoshop专区〗
〖Flash专区〗
〖Dreamwear专区〗
其他工具
站长之家
网页制作入门
服务器环境搭建
ASP,PHP,CGI,JSP技术
网页编程
网页排版
域名/空间
建站交流
链接交换
素材下载
站长故事
博客/Qzone
网赚讨论
[收藏此主题]
[关注此主题的新回复]
[通过 QQ、MSN 分享给朋友]