添加网页特效的方法(添加网页特效的方法是)

http://www.itjxue.com  2023-02-01 05:53  来源:未知  点击次数: 

谁能传授几招制作网页特效的方法?

鼠标特效代码

body bgcolor="#000000"

script language="JavaScript"

!--

//Choose colours and size of effect !!

var a_Colour='fff000';

var b_Colour='00ff00';

var c_Colour='ff00ff';

var Size=120;

//Alter nothing below !!

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;

if (document.layers){

window.captureEvents(Event.MOUSEMOVE);

function nsMouse(evnt){

xpos = window.pageYOffset+evnt.pageX+6;

ypos = window.pageYOffset+evnt.pageY+16;

}

window.onMouseMove = nsMouse;

}

else if (document.all)

{

function ieMouse(){

xpos = document.body.scrollLeft+event.x+6;

ypos = document.body.scrollTop+event.y+16;

}

document.onmousemove = ieMouse;

}

function swirl(){

for (i = 0; i 3; i++)

{

YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);

XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);

}

ThisStep+=step;

setTimeout('swirl()',10);

}

var amount=10;

if (document.layers){

for (i = 0; i amount; i++)

{

document.write('layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'/layer');

document.write('layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'/layer');

document.write('layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'/layer');

}

}

else if (document.all){

document.write('div id="ODiv" style="position:absolute;top:0px;left:0px"'

+'div id="IDiv" style="position:relative"');

for (i = 0; i amount; i++)

{

document.write('div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"/div');

document.write('div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"/div');

document.write('div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"/div');

}

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

}

function prepos(){

var ntscp=document.layers;

var msie=document.all;

if (document.layers){

for (i = 0; i amount; i++)

{

if (i amount-1)

{

ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;

ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;

ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;

}

else

{

ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];

ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];

ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];

}

}

}

else if (document.all){

for (i = 0; i amount; i++)

{

if (i amount-1)

{

msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;

msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;

msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;

}

else

{

msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];

msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];

msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];

}

}

}

setTimeout("prepos()",10);

}

function Start(){

swirl(),prepos()

}

window.onload=Start;

// --

/script

如何实现网页特效?

图片不间断滚动代码:

/p

div id=demo style=overflow:hidden;height:300;width:150

div id=demo1

img src='roll/1.png'br

img src='roll/2.png'br

img src='roll/3.png'br

img src='roll/4.png'br

img src='roll/5.png'br

img src='roll/6.png'br

img src='roll/7.png'br

img src='roll/8.png'br

img src='roll/3.png'br

img src='roll/4.png'br

img src='roll/5.png'br

img src='roll/6.png'br

img src='roll/7.png'br

img src='roll/8.png'br

img src='roll/2.png'br

/div

div id=demo2/div

/div

p

script

var speed=30;

demo2.innerHTML=demo1.innerHTML

function Marquee()

{

if(demo2.offsetTop-demo.scrollTop=0)

demo.scrollTop-=demo1.offsetHeight;

else

demo.scrollTop++;

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

/script

/p

插入音乐代码:

1. 如何贴rm,ra,ram类型的音乐,代码如下:

embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="";

2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:

embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="";

滚动字幕代码:

1.建立第一个滚动字幕。代码:

marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88"欢迎光临1/marquee

2.各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

怎样制作网页特效?

首先你要有个计数器呀~

网上有给转的~

当然自己写个也可以~

写一个给你吧~

%

Dim VistNum

VistNum = 0

if session("visited")"yes" then

application.Lock()

VistNum = VistNum + 1

application.UnLock()

session("visited")="yes"

end if

%

然后你在你要引用地方写上

您好..您是本站的第%=VistNum%位客人

如何把js特效添加在自己做的网页中?

当要把JavaScript代码插入HTML页面里面,需要使用 script 标签(同时使用 type 属性来定义脚本语言)。

这样,script type="text/javascript" 和 /script 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。

html body script type="text/javascript"xxxx/script /body /html

例如:xxxx字段是JavaScript代码效果执行,用来向页面写入输出。

把xxxx命令输入到 script type="text/javascript"与/script之间后,浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "wwww"。

html body script type="text/javascript" document.write("wwww"); /script /body /html

最后的结果就会在页面上显示“wwww”效果,从而实现JS特效在页面上的插入。

网页中如何插入多个特效代码?

分类: 电脑/网络 互联网

问题描述:

我要在网站的同一个界面加入多个特效代码,我把特效代码按顺序排列加在body/body或head/head中间,可是把那些代码加入按顺序排起来后只能显示一个特效或者一个都不显示,我该怎么办?还有我要在网页中加入背景音乐,bgsound src=音乐地址 loop="-1"这是一个加入的代码,我加在body/body或head/head中间,好像只能在IE中游览时才会有用,可是我加入后打开网页并没有音乐出现,这是怎么回事?谁能帮帮我?不知各位大虾谁有好的背景音乐网站,请推荐给我,谢谢啦!~~~

解析:

1,代码问题。

多个特效代码最好不要放在一起,因为其中的某些代码可能会有冲突,导致部分特效失效甚至产成网页错误提示。

2,背景音乐问题。

代码要放在body/body之间!。如bgsoundsrc="*.mid"loop="-1"

其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。

不显示背景音乐首先检查背景音乐的地址是否正确,然后检查背景音乐的格式是否支持在网页中自动播放,对于背景音乐的格式支持现在大多的主流音乐格式,如WAV、MID、MP3等。。

这种添加背景音乐的方法是最基本的方法,也是最为常用的一种方法,如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。

3,背景音乐网站。

可以到百度搜索你想要的音乐,一定能找到让你满意的!

在已经做好的网页怎么可以加上特效啊

工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

五、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

六、上传测试

网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

七、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者

(责任编辑:IT教学网)

更多

推荐鼠标代码文章