dreamweaver特效代码（dreamweaver基础代码）

本篇文章给大家谈谈dreamweaver特效代码，以及dreamweaver基础代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、Dreamweaver使用，网页特效代码制作
• 2、在Dreamweaver中的鼠标跟踪特效的代码应该怎么写？
• 3、dreamweaver 特效代码怎样插入

Dreamweaver使用，网页特效代码制作

首先用ps或者其他软件将几张图片的大小p成一样的。比如笔者把三张图片都p成了200x268的大小。

2

打开Dreamweaver，新建一个网页（笔者这里建立一个html类型的网页）。

3

按Ctrl+S保存新建的网页。

4

点击菜单栏：插入--表格。插入一个1行1列的表格。

5

把鼠标指针放到表格中，单击菜单栏的:插入--布局对象--AP Div,插入一个AP Div。

6

把鼠标放到刚刚新建的AP Div里边，点击菜单栏的：插入--图像，选择一张需要插入的图片。

7

按上面的方法依次添加其他几个AP Div，并在里边插入图片。

接下来插入一个AP Div，然后再里边添加一个1行3列的表格。

鼠标指针放到表格第一个方框中，单击菜单栏：插入--表单--按钮。操作如图

鼠标点中添加的按钮，然后再下方属性面板中，把值修改为1。

按照上述步骤依次为表格的第二个框、第三个框添加一个按钮，并把属性值改成2和3。如图

把几个AP Div移动到同一个区域。如下图

单击菜单栏：窗口--行为，打开行为面板。

鼠标点击第一个方框的按钮，点击标签检查器行为面板下方的“+”号，弹出的菜单中选择“显示-隐藏元素”。

按照下图所示，把AP Div1设置成显示，AP Div2设置成隐藏，AP Div3设置成隐藏。AP Div4可以设置成显示，也可以不设置（默认显示）。

如图，点击行为面板左边的英文，在弹出的菜单中选择onFocus。

按照上面的步骤，依次把表格第二个方框、第三个方框的按钮设置成如下图所示。

这样就做好了。按F12在浏览器中看看效果。

在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;inos;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+" top="+Yp+" width="+W+" height="+H : "div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+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].style.top) : C[N].top

}

function moveContainer(N,DX,DY){

c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY

}

function cycle(){

//if (IE5)

if (document.allwindow.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(i4)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(s90s=100)

{

s-=85;

clearInterval(val);

if(i5)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

dreamweaver 特效代码怎样插入

插在

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

title网页特效-年月日时分秒的即时显示-;/title

/head

这个里面

也就是head与/head之间

dreamweaver特效代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于dreamweaver基础代码、dreamweaver特效代码的信息别忘了在本站进行查找喔。