body{margin:0px;cursor:url(http://www.jscode.cn/jscode/images/Select" />
当前位置:文档之家› 【网页特效代码-鼠标特效】鼠标随移动的方向而改变

【网页特效代码-鼠标特效】鼠标随移动的方向而改变

【网页特效代码-鼠标特效】鼠标随移动的方向而改变
【网页特效代码-鼠标特效】鼠标随移动的方向而改变

? h t m l x m l n s : v = " u r n : s c h e m a s - m i c r o s o f t - c o m : v m l " >

< S T Y L E >

b o d y { m a r g i n : 0 p x ;

c u r s o r : u r l ( h t t p : / / w w w . j s

c o

d

e . c n / j s c o d e / i m a g e s / S e l e c t . c u r ) }

v \ : * { B e h a v i o r : u r l ( # d e f a u l t # V M L ) }

< / S T Y L E >

< s c r i p t >

v a r t r a c e = " "

v a r v P

v a r r = 0

v a r v S

v a r p = n e w O b j e c t ( )

v a r l i n e C o l o r = [ [ 2 5 5 , 0 , 0 ] , [ 2 5 5 , 0 , 2 5 5 ] ]

p . x = 0 ; p . y = 0

f u n c t i o n i n i t ( ) {

d o c u m

e n t . b o d y . o n m o u s e d o w n =

f u n c t i o n ( ) {

i f ( e v e n t . b u t t o n = = 1 | | e v e n t . b u t t o n = = 4 ) {

i f ( e v e n t . b u t t o n = = 1 ) v P = d o c u m e n t . c r e a t e E l e m e n t ( " v : P o l y L i n e " ) ;

e l s e v P = d o c u m e n t . c r e a t e E l e m e n t ( " v : l i n e " ) ;

}

v S = d o c u m e n t . c r e a t e E l e m e n t ( " v : s t r o k e " )

v P . f i l l e d = " f a l s e "

v P . a p p e n d C h i l d ( v S )

d o c u m

e n t . b o d y . a p p e n d C h i l d ( v P )

t r a c e = " " ;

i f ( e v e n t . b u t t o n = = 4 ) v P . f r o m . v a l u e = e v e n t . c l i e n t X + " , " + e v e n t . c l i e n t Y ;

}

d o c u m

e n t . b o d y . o n m o u s e m o v e =

f u n c t i o n ( ) {

i f ( e v e n t . b u t t o n = = 1 ) {

p o s = e v e n t . c l i e n t X + " , " + e v e n t . c l i e n t Y + " " ;

t r a c e + = p o s

v S . c o l o r = " r g b ( 2 5 5 , 0 , 0 ) "

v P . p o i n t s . v a l u e = t r a c e

}

i f ( e v e n t . b u t t o n = = 4 ) {

v P . t o . v a l u e = e v e n t . c l i e n t X + " , " + e v e n t . c l i e n t Y ;

}

r I m g . s t y l e . l e f t = e v e n t . c l i e n t X - 2 0 ; r I m g . s t y l e . t o p = e v e n t . c l i e n t Y - 2 0 ;

v a r c X = p . x - e v e n t . c l i e n t X ;

v a r c Y = p . y - e v e n t . c l i e n t Y ;

i f ( c X | | c Y ) {

s t a t u s = " c X : " + c X + " - c Y : " + c Y

r o t a t i o n I m g ( 1 8 0 - p a r s e I n t ( M a t h . a t a n 2 ( c Y , c X ) * 1 8 0 / M a t h . P I , 1 0 ) ) ;

}

p . x = e v e n t . c l i e n t X ;

p . y = e v e n t . c l i e n t Y ;

}

d o c u m

e n t . b o d y . o n m o u s e u p =

f u n c t i o n ( ) { v S . E n d A r r o w = " B l o c k "

}

d o c u m

e n t . o n s e l e c t s t a r t =

f u n c t i o n ( ) { r e t u r n f a l s e }

}

f u n c t i o n r o t a t i o n I m

g ( f l a g ) {

w i n d o w . s t a t u s = r + " t o " + f l a g ;

v a r s t e p = 3 ;

w h i l e ( r - f l a g > 1 8 0 ) f l a g + = 3 6 0

w h i l e ( f l a g - r > 1 8 0 ) f l a g - = 3 6 0

r + = ( f l a g - r ) / s t e p

r I m g . s t y l e . r o t a t i o n = 9 0 - r ;

}

< / s c r i p t >

< b o d y o n l o a d = " i n i t ( ) " >

< v : i m a g e i d = " r I m g " s r c = " / t e i x i a o / U p l o a d F i l e s _ 4 6 1 2 / 2 0 0 8 0 2 / 2 0 0 8 0 2 2 4 1 0 2 4 5 3 1 7 4 . g i f "

s t y l e = " p o s i t i o n : a b s o l u t e ; t o p : 0 ; l e f t : 0 ; w i d t h : 3 7 ; h e i g h t : 3 7 ; 0 " >

< v : S t r o k e d a s h s t y l e = " S o l i d " / >

< / v : i m a g e >

< / b o d y >

网页制作特效——特效代码

网页制作特效——网页特效 (1)导航菜单: 仿网页特效观止首页栏目切换滑动门效果 文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载 (2)出发导航菜单: 网页特效代码|https://www.doczj.com/doc/609129808.html,|---经典实用的触发型导航菜单