当前位置:首页 > 代码 > 正文

网页特效代码免费(炫酷的网页特效代码)[20240426更新]

admin 发布:2024-04-26 23:42 115


本篇文章给大家谈谈网页特效代码免费,以及炫酷的网页特效代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

我想要这样的网页背景特效代码.....(鱼,水,枫叶)

可控制的音乐背景特效代码:

;Forum_ID=109

艺术字你就要先在网上找一些字库,然后在photoshop下通过滤镜那些处理了。

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

你随便弄个网页

以下代码插入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

求网页特效花瓣代码

是鼠标效果的文件 你可以从 控制面板--鼠标--指针 选项里浏览这个文件

就可以改变鼠标的显示效果

将如下代码加入CSS

cursor:url('')}

A{(cursor:url('')}

说明1:第一行:"cursor:url('')}"是鼠标指针初始形态的图形,把你喜爱的保存待用鼠标相应的网址复制到url( )里面。

第二行:" A{(cursor:url('')}"是鼠标指针碰到链接的形态的图形,把你喜爱的保存待用鼠标相应的网址复制到url( )里面。

说明2:以上两种鼠标样式你需要两个鼠标指针图片(最好这两个图片是一套或是相近的)。

说明3:如果你喜欢的鼠标指针只有一张图片而不是两张,那么"A{(cursor:url('鼠标指针图片网址')}"这段代码就不用写了。

急求一个网页特效代码

用这个吧 可以全屏拖动的 支持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

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

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://www.ahzz.com.cn/post/661.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载