js祝福词跟随鼠标代码
来源:互联网 发布:拍照打字软件 编辑:程序博客网 时间:2024/06/05 17:55
欢迎词跟踪鼠标
脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript">
<!--
document.write("<style type=/"text/css/"> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; color: #FF0033; font-weight:bold; }</style>");
var x,y
var step=20
var flag=0
var message=" 欢迎光临! "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++){
xpos[i]=-50}
var ypos=new Array()
for (i=0;i<=message.length-1;i++){
ypos[i]=-50}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
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[i]=xpos[i-1]+step
ypos[i]=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[i]
thisspan.posTop=ypos[i]}}
else if (flag==1 && document.layers){
for (i=message.length-1; i>=1; i--){
xpos[i]=xpos[i-1]+step
ypos[i]=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[i]
thisspan.top=ypos[i]}}
var timer=setTimeout("makesnake()",30)}
for (i=0;i<=message.length-1;i++){
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
//-->
</script>
第二步:将写入<body ... > onLoad="makesnake()"
如:
<body onLoad="makesnake()">
字体出现
<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers
var phrase = "欢迎光临我的个人主页-http://wskdx.anyp.cn";
var lenPhrase = phrase.length;
var phraseOut = "";
var pause = 25;
var i=0;
var j=0;
var animateWidth = 20;
var position=animateWidth;
function stack() {
if (phrase.charAt(i) != " ") {
phraseOut = "";
for (j=0; j<i; j++) {
phraseOut += phrase.charAt(j);
}
for (j=i; j<position; j++) {
phraseOut += " ";
}
phraseOut += phrase.charAt(i);
for (j=position; j<animateWidth; j++) {
phraseOut += " ";
}
window.status = phraseOut;
if (position == i) {
animateWidth++;
position = animateWidth;
i++;
}
else {
position--;
}
}
else {
i++
}
if (i<lenPhrase) {
setTimeout("stack()",pause);
}
}
// end hiding contents -->
</SCRIPT>
第二步:把如下代码写入<body>区域内
OnLoad="stack()"
如:
<body bgcolor="#ffffff" OnLoad="stack()">
- js祝福词跟随鼠标代码
- 时钟跟随鼠标JS
- js鼠标跟随
- js鼠标跟随效果
- 鼠标跟随代码
- 跟随鼠标一起流动的粒子动画 JS 原生代码
- js跟随鼠标的详细信息
- 精美js鼠标特效代码跟随
- js 鼠标跟随小例子
- 跟随鼠标的光环代码
- 文字跟随鼠标代码实例
- 封装的一个JS跟随鼠标效果
- js-div详细内容跟随鼠标显示
- js 层浮动或者鼠标跟随类似
- js小技巧 鼠标跟随图片
- js 小技巧 鼠标跟随图片特效
- JS实现图片跟随鼠标移动
- JS 事件基础 跟随鼠标移动
- 【2】SSH整合-分层代码实现
- 最苦的日子只能独自走过
- [转]告别工具条图标失真的烦恼
- 程序员的误区1:软件开发职业是青春饭
- js记录次数代码
- js祝福词跟随鼠标代码
- js时钟源码
- 初来乍到
- const_iterator 和 const..iterator
- 一个人的日子
- 暑假读的书
- 德是基础,才是标准
- 公司于我有恩,辞职让我怎么说出口?——网上答疑(16)
- 2.1.4 备受争议的Visual C++