跟随文字

网站首页

模板下载

教程文章

资源收集

特效代码

插件天下

技术论坛

用户名
密码

本类推荐

　当前位置:特效代码

跟随文字

使用说明:文字颜色#000000，文字大小9，文字内容：“模板精品店帮您作主页！”。将此代码插在网页的<body>和</body>之间，或者插在网页的<head>和</head>之间，跟随鼠标移动的文字效果。

<style type="text/css">
  .spanstyle {
  	position:absolute;
  	visibility:visible;
  	top:-50px;
  	font-size:9pt;
  	color: #000000;
   font-weight:bold;
  }</style>
<script>
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)}

</script>

<script>
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>

WWW.CNCSS.COM 中文版权所有:PHLIPS工作室
COPYRIGHT(c) 2003 ALL RiGHTS RESERVED
关于我们--广告服务--联系方式--友情链接