0顶

网页中鼠标感应的图片

稿源：互联网 2022-08-06 14:17:51 点击： 120 撤稿纠错

网页中鼠标感应的图片，有很明显的立体感。

以下讨论的是和感应特效相关的网页中鼠标感应的图片教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<HEAD>
<title>网页图片显示特效</title>
<meta name="Author" content="http://www.alixixi.com">
<meta http-equiv="imagetoolbar" content="no">
<STYLE>
	v:* {behavior:url(#default#VML);antialias=false;}
	BODY {
		cursor:url("../CRCROSS.cur");
	}
</STYLE>
</HEAD>

<DIV id=VeuMeuLeu style="position:absolute;top:50%;left:50%;"></DIV>
<BGSOUND src="1-04 Anxious Heart Xg.mid" loop=infinite>
<div id=txt style="width=100%;font-family: Verdana;font-size: 10pt;color: #ffff00">
</div>
<SCRIPT language=JavaScript>
// ------------------------------------------------------------
// http://www.alixixi.com
// ------------------------------------------------------------
window.onerror = new Function("return true")
document.onselectstart =  function (){ return false }
object = new Array()
k=180/Math.PI
rx=0
ry=0
rz=0
px=0
py=0
pz=0
nx=0
xm=0
ym=0
//
function TD() {
	//------- 3D --------
	with(Math){
		rx+=px
		ry+=py
		rz+=pz
		crx=cos(rx+xm/100)
		srx=sin(rx+xm/100)
		cry=cos(ry+ym/100)
		sry=sin(ry+ym/100)
		crz=cos(rz)
		srz=sin(rz)
		for(j=0;j<24;j++){
			with (object[j]) {
				p="m"
				z=0
				xl=x0.length
				for(i=0;i<xl;i++){
					y1=y0[i]*crx-z0[i]*srx
					zz=y0[i]*srx+z0[i]*crx
					x1=x0[i]*cry-zz*sry
					zz=x0[i]*sry+zz*cry
					xx=x1*crz-y1*srz
					yy=x1*srz+y1*crz
					z1=((nx-zz)/nx*(nx-zz))*zOOm
					z+=zz
					p+=round(-xx*z1)+","+round(-yy*z1)+(i==0?"l":",")
				}
				pol.path=p+"xe"
				pol.style.zIndex=round(-z)
				c=256-round((z*z)*0.01)
				pol.firstChild.color="RGB("+c+","+(64-c)+","+(255-c)+")"
			}
		}
	}
}

function CObj(N,x,y,z){
	//----- create polygon ---------
	VeuMeuLeu.insertAdjacentHTML("BeforeEnd","<v:shape style='position:absolute;width:1;height:1' strokeweight='1pt' coordsize='"+nx+","+nx+"' strokecolor='#000000'><v:fill opacity='0.75'/></v:shape>")
	this.N=N
	this.pol=VeuMeuLeu.lastChild
	this.x0=x
	this.y0=y
	this.z0=z
}
function zyva() {
	//----- yo ! zyva ! ----------------------
	nx=document.body.offsetWidth
	px=0.25/k
	py=0.5/k
	pz=1/k
	j=0
	R=180
	r=30
	zOOm=1.2
	//------ coordinates -------------
	object[j] = new CObj(j++,Array(-r,0,r),Array(r,R,r),Array(-r,0,-r))
	object[j] = new CObj(j++,Array(-r,0,-r),Array(r,R,r),Array(-r,0,r))
	object[j] = new CObj(j++,Array(-r,0,r),Array(r,R,r),Array(r,0,r))
	object[j] = new CObj(j++,Array(r,0,r),Array(r,R,r),Array(-r,0,r))

object[j] = new CObj(j++,Array(-r,0,r),Array(-r,-R,-r),Array(-r,0,-r))
	object[j] = new CObj(j++,Array(-r,0,-r),Array(-r,-R,-r),Array(-r,0,r))
	object[j] = new CObj(j++,Array(-r,0,r),Array(-r,-R,-r),Array(r,0,r))
	object[j] = new CObj(j++,Array(r,0,r),Array(-r,-R,-r),Array(-r,0,r))

object[j] = new CObj(j++,Array(r,R,r),Array(-r,0,r),Array(-r,0,-r))
	object[j] = new CObj(j++,Array(r,R,r),Array(-r,0,-r),Array(-r,0,r))
	object[j] = new CObj(j++,Array(r,R,r),Array(-r,0,r),Array(r,0,r))
	object[j] = new CObj(j++,Array(r,R,r),Array(r,0,r),Array(-r,0,r))

object[j] = new CObj(j++,Array(-r,-R,-r),Array(-r,0,r),Array(-r,0,-r))
	object[j] = new CObj(j++,Array(-r,-R,-r),Array(-r,0,-r),Array(-r,0,r))
	object[j] = new CObj(j++,Array(-r,-R,-r),Array(-r,0,r),Array(r,0,r))
	object[j] = new CObj(j++,Array(-r,-R,-r),Array(r,0,r),Array(-r,0,r))

object[j] = new CObj(j++,Array(-r,0,r),Array(-r,0,-r),Array(r,R,r))
	object[j] = new CObj(j++,Array(-r,0,-r),Array(-r,0,r),Array(r,R,r))
	object[j] = new CObj(j++,Array(-r,0,r),Array(r,0,r),Array(r,R,r))
	object[j] = new CObj(j++,Array(r,0,r),Array(-r,0,r),Array(r,R,r))

object[j] = new CObj(j++,Array(-r,0,r),Array(-r,0,-r),Array(-r,-R,-r))
	object[j] = new CObj(j++,Array(-r,0,-r),Array(-r,0,r),Array(-r,-R,-r))
	object[j] = new CObj(j++,Array(-r,0,r),Array(r,0,r),Array(-r,-R,-r))
	object[j] = new CObj(j++,Array(r,0,r),Array(-r,0,r),Array(-r,-R,-r))
	document.onmousemove = function() {
		xm = window.event.clientX
		ym = window.event.clientY
	}
	setInterval("TD()",16)
}

</script>

</BODY>
</HTML>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于网页中鼠标感应的图片的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071496179.shtml方便下次再访问哦。

·上一篇： 网页页面中真实的宇宙效果演示
·下一篇： 网页动态图形显示特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

网页中鼠标感应的图片

文章分类LIST >>返回首页

最新游戏

最新新闻