在Dreamweaver中的鼠标跟踪特效的代码应该怎么写?
要用到 JavaScript 特效
把如下代码加入<head>区域中
图片跟踪鼠标代码:
QQ.jpg 是图片
<SCRIPT language="JavaScript">
<!--
B=document.all;
C=document.layers;
T1=new Array("qq.jpg",38,35,"qq.jpg",30,31,"qq.jpg",28,26,"qq.jpg",22,21,"qq.jpg",16,16)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+"="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+";:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N]) : C[N]
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
//-->
</SCRIPT>
文字特效:
word[1]="L";word[2]="A";word[3]="O";word[4]="H";word[5]="E";
LAOHE 是你设置的字体
<SCRIPT language=javascript>
<!--//This is a JS program for Sword Jin's JoyFM homepage.All rights reserved.
var cx=0;
var cy=0;
var val=0;
function locate()
{ cx=window.event.x;
cy=window.event.y;
}
document.onmousemove=locate;
function follow(i)
{ var x;
if(i<4)x=cx-50+i*10;
else x=cx-25+i*10;
var y=cy-20+Math.floor(Math.random()*40);
w=eval("word"+i);
with(w.style)
{
left=x.toString()+"px";
top=y.toString()+"px";
}
}
function show(i)
{
var w=eval("word"+i);
with(w.style)
{
visibility="visible";
s=parseInt(fontSize);
if(s>=200)s-=100;
else if(s>90&&s<=100)
{
s-=85;
clearInterval(val);
if(i<5)val=setInterval("show("+(i+1)+")",20);
}
fontSize=s;
}
}
function start()
{ for(i=1;i<=5;i++)
{
val=setInterval("show(1)",20);
setInterval("follow("+i+")",100);
}
}
//-->
</SCRIPT>
<SCRIPT language=javascript>
var word=new Array(5);
word[1]="L";word[2]="A";word[3]="O";word[4]="H";word[5]="E";
for(i=1;i<=5;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='red'>"+word+"</font></div>");start();
</SCRIPT>
鼠标特效代码要怎么使用
放到网页代码的开始部分,,
找本教程看看,一般都有,,
我有很久没写代码了。
。
。
。
。
。
。
网页制作鼠标特效
鼠标特效?听你的意思是改下鼠标样式就可以了吧。
。
。
先要有魔兽世界的后缀名是ani动态指针或者cur静态指针吧。
。
。
然后
<html>
<head>
<title></title>
<style>
body{cursor:url(指针路径)}
</style>
</head>
<body>
</body>
</html>
就可以了撒。
。
。
谁知道这个网站 鼠标文字阴影是什么特效代码?求大神指导http://www.yxoxo.com/
给图片加mouseover和mouseout事件试试
------解决方案--------------------
<!DOCTYPEhtml>
<htmlxmlns="/1999/xhtml">
<head>
<title></title>
<scriptsrc="Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
<imgid="pic"src="sample.jpg"width="500"height="400"/>
</div>
<script>
$("#pic").mouseover(function(){
$(this).width(600);
$(this).height(500);
}).mouseout(function(){
$(this).width(500);
$(this).height(400);
});
</script>
</body>
</html>
------解决方案--------------------
引用:
<!DOCTYPEhtml>
<htmlxmlns="/1999/xhtml">
<head>
<title></title>
<scriptsrc="Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
<imgid="pic"src="sample.jpg"width="500"height="400"/>
</div>
<script>
$("#pic").mouseover(function(){
$(this).width(600);
$(this).height(500);
}).mouseout(function(){
$(this).width(500);
$(this).height(400);
});
</script>
</body>
</html>
这个应该可以实现吧。
------解决方案--------------------
引用: Quote: 引用:
Quote: 引用:
<!DOCTYPEhtml>
<htmlxmlns="/1999/xhtml">
<head>
<title></title>
<scriptsrc="Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
<imgid="pic"src="sample.jpg"width="500"height="400"/>
</div>
<script>
$("#pic").mouseover(function(){
$(this).width(600);
$(this).height(500);
}).mouseout(function(){
$(this).width(500);
$(this).height(400);
});
</script>
</body>
</html>
这个应该可以实现吧。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">