炫酷的网页特效代码(炫酷的网页特效代码是什么)

http://www.itjxue.com  2023-02-04 04:00  来源:未知  点击次数: 

寻找漂亮网页效果的代码

网页效果代码集合

1。忽视右键

body oncontextmenu="return false"或body style="overflow-y:hidden"

2。加入背景音乐

IE:bgsound src="*.mid" loop=infinite

NS:embed src="*.mid" autostart=true hidden=true loop=true/embed

*.mid你的背景音乐的midi格式文件

3。简单的window.open方法

a href="#"

onclick="javascript:window.open('文件路径/文件名','newwindow',

'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

width=400,height=300');"文字或图片/a

参数解释:

SCRIPT LANGUAGE="javascript" js脚本开始;

window.open 弹出新窗口的命令;

'文件路径/文件名'' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

width=400 窗口宽度;

height=300 窗口高度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

/SCRIPT js脚本结束

4。简单的页面加密

script LANGUAGE="JAVASCRIPT"

!--

function loopy(){

var sWord ="";

while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}

alert("登陆成功!");

}

loopy()

//--

/script

5。拉动页面时背景图不动

style

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}

/style

6。让浏览器在保存页面时保存失败

NOSCRIPTiframe src="*.html"/iframe/NOSCRIPT

7。随机替换图片

script

document.write('img src="img/'+parseInt(Math.random()*(5))

+'.gif"height="40" width="50"')

/script

图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭

先将如下代码网页文件的区:

script language="JavaScript"

function closeit() { setTimeout("self.close()",10000) //毫秒 }

/script

然后再在body标内加入如:body onload="closeit()"

9。网页自动关闭

html

head

object id=closes type="application/x-oleobject"

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

param name="Command" value="Close"

/object

/head

body onload="window.setTimeout('closes.Click()',10000)"

这个窗口会在10秒过后自动关闭,而且不会出现提示.

/body

/html

10。网页自动刷新

在head部记入

META HTTP-EQUIV="Refresh" content="20"

其中20为20秒后自动刷新,你可以更改为任意值。

11。网页自动转页

META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"

12。保持layer在最前面,而不被Iframe、Object所覆盖

在Layer中再插Iframe 或 Object 设z-Index值

div z-Index:2object xxx/object # 前面

div z-Index:1object xxx/object # 后面

div id="Layer2" style="position:absolute; top:40;width:400px;

height:95px;z-index:2" height=100% width=100%

iframe width=0 height=0/iframe

/div

div id="Layer1" style="position:absolute; top:50;width:200px;

height:115px;z-index:1"

iframe height=100% width=100%/iframe

/div

13。返回上一页

a href='javascript:history.back(1)'『返回上一页』/a

14。关闭窗口

a href='javascript:self.close()'『关闭窗口』/a

15。关于iframe的透明背景

IFRAME ID="iFrame1" SRC="iframe.htm"

allowTransparency="true"

STYLE="background-color: green"/IFRAME

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

你随便弄个网页

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

(责任编辑:IT教学网)

更多

推荐程序员考试文章