特效网页代码（网页效果图代码）

今天给各位分享特效网页代码的知识，其中也会对网页效果图代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Dreamweaver使用，网页特效代码制作
• 2、急求一个网页特效代码
• 3、急求鼠标后跟随文字的几个网页特效代码
• 4、求网页特效代码
• 5、网上的网页特效代码怎么使用
• 6、html漂浮特效代码

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在浏览器中看看效果。

急求一个网页特效代码

用这个吧 可以全屏拖动的 支持FLASH引用

script id=clientEventHandlersJS language=JScript

!--

function ad_check() {

self.onError=null;

self.onError=null;

setTimeout("ad_check()",100);

}

function Min_onclick() {

//alert(ad1.style.visibility )

ad1.style.visibility='hidden';

}

function Max_onclick() {

//alert(ad1.style.visibility )

ad1.style.visibility='visible';

}

//--

/scriptscript language=JScript

//floater.innerHTML =''

//window.alert (floater.innerHTML.length4000);

self.onError=null;

currentX = currentY = 0;

whichIt = null;

lastScrollX = 0; lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

!-- STALKER CODE --

function heartBeat() {

if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }

if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

if(diffY != lastScrollY) {

percent = .1 * (diffY - lastScrollY);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater.style.pixelTop += percent;

if(NS) document.floater.top += percent;

lastScrollY = lastScrollY + percent;

}

if(diffX != lastScrollX) {

percent = .1 * (diffX - lastScrollX);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater.style.pixelLeft += percent;

if(NS) document.floater.left += percent;

lastScrollX = lastScrollX + percent;

}

}

//--

function checkFocus(x,y) {

stalkerx = document.floater.pageX;

stalkery = document.floater.pageY;

stalkerwidth = document.floater.clip.width;

stalkerheight = document.floater.clip.height;

if( (x stalkerx x (stalkerx+stalkerwidth)) (y stalkery y

(stalkery+stalkerheight))) return true;

else return false;

}

function grabIt(e) {

if(IE) {

whichIt = event.srcElement;

while (whichIt.id.indexOf("floater") == -1) {

whichIt = whichIt.parentElement;

if (whichIt == null) { return true; }

}

whichIt.style.pixelLeft = whichIt.offsetLeft;

whichIt.style.pixelTop = whichIt.offsetTop;

currentX = (event.clientX + document.body.scrollLeft);

currentY = (event.clientY + document.body.scrollTop);

} else {

window.captureEvents(Event.MOUSEMOVE);

if(checkFocus (e.pageX,e.pageY)) {

whichIt = document.floater;

stalkerTouchedX = e.pageX-document.floater.pageX;

StalkerTouchedY = e.pageY-document.floater.pageY;

}

}

return true;

}

function moveIt(e) {

if (whichIt == null) { return false; }

if(IE) {

newX = (event.clientX + document.body.scrollLeft);

newY = (event.clientY + document.body.scrollTop);

distanceX = (newX - currentX); distanceY = (newY - currentY);

currentX = newX; currentY = newY;

whichIt.style.pixelLeft += distanceX;

whichIt.style.pixelTop += distanceY;

if(whichIt.style.pixelTop document.body.scrollTop) whichIt.style.pixelTop =

document.body.scrollTop; if(whichIt.style.pixelLeft document.body.scrollLeft)

whichIt.style.pixelLeft = document.body.scrollLeft; if(whichIt.style.pixelLeft

document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20)

whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;

if(whichIt.style.pixelTop document.body.offsetHeight + document.body.scrollTop -

whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight +

document.body.scrollTop - whichIt.style.pixelHeight - 5;

event.returnValue = false;

} else {

whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);

if(whichIt.left 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;

if(whichIt.top 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;

if( (whichIt.left + whichIt.clip.width) = (window.innerWidth+self.pageXOffset-17)) whichIt.left

= ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;

if( (whichIt.top + whichIt.clip.height) = (window.innerHeight+self.pageYOffset-17)) whichIt.top

= ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;

return false;}

return false;

}

function dropIt() {

whichIt = null;

if(NS) window.releaseEvents (Event.MOUSEMOVE);

return true;

}

!-- DRAG DROP CODE --

if(NS) {

window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);

window.onmousedown = grabIt;

window.onmousemove = moveIt;

window.onmouseup = dropIt;

}

if(IE) {

document.onmousedown = grabIt;

document.onmousemove = moveIt;

document.onmouseup = dropIt;

}

if(NS || IE) action = window.setInterval("heartBeat()",1);

setTimeout("ad_check()",10)

/script

/div

DIV align=center id=floater style="HEIGHT: 100px; WIDTH: 343px; position:absolute; left:76px; top:126px"

TABLE bgColor=#eeeeee border=1 borderColor=#999999

cellPadding=0 cellSpacing=0

style="BORDER-COLLAPSE: collapse" width=167

TBODY

TR

TD height=20 width=167

TABLE border=0 cellPadding=0 cellSpacing=0

width="100%"

TBODY

TR

TD align=right

height=15 vAlign=bottom width="100%"

TABLE border=0 height=2 width="100%"

TR

TD height=1 align=rightFONT color=#000000 face=宋体

style="FONT-SIZE: 9pt" /FONT font

class=banner

id=Min language=javascript

onclick="return Min_onclick()"font color="#990000" style="font-size: 9pt; cursor: hand"收起/font/fontfont

class=banner

id=Min language=javascript

onclick="return Max_onclick()"FONT

color=#666666//FONTfont color="#990000" style="font-size: 9pt; cursor: hand"展开/font/font/TD

/TR/TABLE/TD/TR/TBODY/TABLE/TD/TR/TBODY/TABLE

TABLE bgColor=#eeeeee border=1 borderColor=#999999

cellPadding=2 cellSpacing=0 id=ad1

style="BORDER-COLLAPSE: collapse" width=165

TBODY

TR

TD bgColor=#eeeeee disabled height=20 width=165 P align=center

object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="165" height="120"

param name="movie" value=""

param name="quality" value="high"

embed src="" quality="high" pluginspage="" type="application/x-shockwave-flash" width="165" height="120"/embed/object

/P

/TD/TR

TR

TD bgColor=#eeeeee height=20 width=310div align="left"

FONT

color=#990000 size=2font color="#666666"/font/FONT

FONT

color=#FFFFFF size=2 /FONTFONT

color=#800000 size=2蓝染惣右介/FONT/div/TD

/TR

/TBODY/TABLE

/DIV

急求鼠标后跟随文字的几个网页特效代码

你随便弄个网页

以下代码插入head标签之内，保存预览，就可以看到很漂亮的文字环绕鼠标：

SCRIPT

LANGUAGE="JavaScript"

if

(document.all)

{

yourLogo

=

"我想有个家一个温暖的家";

//自己根据要求设置//

logoFont

=

"宋体";

logoColor

=

"#00ccff";

yourLogo

=

yourLogo.split('');

L

=

yourLogo.length;

TrigSplit

=

360

/

L;

Sz

=

new

Array()

logoWidth

=

100;

logoHeight

=

-30;

ypos

=

0;

xpos

=

0;

step

=

0.03;

currStep

=

0;

document.write('div

id="outer"

style="position:absolute;top:0px;left:0px"div

style="position:relative"');

for

(i

=

0;

i

L;

i++)

{

document.write('div

id="ie"

style="position:absolute;top:0px;left:0px;'

+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'

+'color:'+logoColor+';text-align:left"'+yourLogo[i]+'/div');

}

document.write('/div/div');

function

Mouse()

{

ypos

=

event.y;

xpos

=

event.x

-

5;

}

document.onmousemove=Mouse;

function

animateLogo()

{

outer.style.pixelTop

=

document.body.scrollTop;

for

(i

=

0;

i

L;

i++)

{

ie[i].style.top

=

ypos

+

logoHeight

*

Math.sin(currStep

+

i

*

TrigSplit

*

Math.PI

/

180);

ie[i].style.left

=

xpos

+

logoWidth

*

Math.cos(currStep

+

i

*

TrigSplit

*

Math.PI

/

180);

Sz[i]

=

ie[i].style.pixelTop

-

ypos;

if

(Sz[i]

5)

Sz[i]

=

5;

ie[i].style.fontSize

=

Sz[i]

/

1.7;

}

currStep

-=

step;

setTimeout('animateLogo()',

20);

}

window.onload

=

animateLogo;

}

/script

求网页特效代码

打字效果的文字特效[修改显示的文字即可]

[根据下面的说明进行共1步]

====2、以下代码放在HTML的body/body之间[适当的位置]：

script language=javascript

var layers =document.layers,style=document.all,both=layers||style,idme=908601;

if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =

'.style';}

function writeOnText(obj,str){

if(layers)with(document[obj]){ document.open();document.write(str);document.close();}

if(style)eval(obj+'.innerHTML=str'); }

var dispStr=new Array("javascript源码大全");

var overMe=0;

function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){

var tmp0=tmp1= '',skip=100;

if (both idx=str.length) {

if (str.charAt(idx)==''){ while(str.charAt(idx)!='') idx++;idx++;}

if (str.charAt(idx)==''str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}

tmp0 = str.slice(0,idx);

tmp1 = str.charAt(idx++);

if (overMe==0 plysnd==1){

if (navigator.plugins[0]){

if(navigator.plugins["LiveAudio"][0].type=="audio/basic" navigator.javaEnabled()){document.embeds

[0].stop();

setTimeout("document.embeds[0].play(false)",100);}

} else if (document.all){

ding.Stop();

setTimeout("ding.Run()",100);}

overMe=1;}else overMe=0;

writeOnText(idObj, "span class="+spObj+"font color='"+clr1+"'"+tmp0+"/fontfont color='"+clr2

+"'"+tmp1+"/font/span");

setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}

function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#339933', '#99FF33', 300, 0);}

/script

BODY onload=init()

DIV class=ttl1 id=ttl0/DIV

/BODY

网上的网页特效代码怎么使用

放在你的网页里面你要调用它，它才会出现呀。

不如，你点击一个按钮出现，或者是页面启动时出现。。。

你直接复制在你的网页上，不调用它是没有用的

html漂浮特效代码

网上搜网页漂浮特效，一大堆，实现原理也很简单

div style="width:100px; height:100px; position:fixed; z-index:99; left:0; top:50%; margin-top:-50px;"内容/div

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