网页特效制作代码大全（javascript制作网页特效）

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

本文目录一览：

• 1、谁能告诉我一些有用的网页特效代码啊？
• 2、什么是网页脚本特效
• 3、dw横向文字滚动代码是什么？
• 4、求网页特效代码
• 5、网站漂浮广告代码怎么写

谁能告诉我一些有用的网页特效代码啊？

!--STATUS OK--

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

html

head

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

link rel="alternate" type="application/rss+xml" title="“谁能告诉我一些有用的网页特效代码啊？”的最新回答（RSS 2.0）" href=";qid=2601349pn=65535rn=25tn=rssqb"

title谁能告诉我一些有用的网页特效代码啊？_百度知道 /title

style type="text/css"

!--

a.f12og:link{color:#ff6600}

a.f12og:visited{color:#ff6600}

--

/style

link href="/iknow.css" rel="stylesheet" type="text/css"

script language="JavaScript" type="text/JavaScript"

function ask(fn)

{document.fask.word.value=fn.word.value;

fask.submit();

}

/script

/head

body class="bgbdy" topmargin="0"

center

table width="770" border=0 align="center"

tbody

tr

td width="150" valign=topa href="/"img src="" border="0"/a/td

td height="55" style="table-layout: fixed; word-break: break-all"table cellspacing=0 cellpadding=0 border=0

tr

td nowrap class="tab"a href="" class="headTit"新闻/a   a href="" class="headTit"网页/a   a class="headTit" href=""贴吧/a   font class="headTitB"知道/font   a class="headTit" href=""MP3/a   a class="headTit" href=""图片/a/td

/tr

/table

table border="0" cellspacing="0" cellpadding="0"

tr

form action="/q" name="ftop" method="get"

td nowrap

input class=formfont maxlength=256 tabindex=1 size=42 name=word

/td

td width="30" valign="bottom" nowrapdiv align="right"span style="padding-bottom:15px; "a href=""帮助/a/span/div/td

/tr

/table

table cellspacing=0 cellpadding=0 border=0

tr valign="bottom"

td height="28" nowrap input type="submit" tabindex=2 value="搜索答案" class="bnsrh"

/td

td width="86" nowrap div align="right"

input type="hidden" name="ct" value="17"

input type="hidden" name="pn" value="0"

input type="hidden" name="tn" value="ikaslist"

input type="hidden" name="rn" value="10"

input type="button" onclick="ask(ftop);" tabindex=3 value="我要提问" class="bnsrh"

/div/td /form

/tr

/table

form name="fask" action="/q" method="get" input type="hidden" name="ct" value="17"input type="hidden" name="pn" value="0"input type="hidden" name="tn" value="ikask"input type="hidden" name="rn" value="10"input type="hidden" name="word" value="" input type="hidden" name="cm" value="1"input type="hidden" name="lm" value="394496"/form

/td/tr

/table

script

var url = escape(location.href);

function ctlSubmit(event) {

if (event.ctrlKey event.keyCode == 13) { fdf.submit() }

}

function checkco(f,des)

{ if(f.co.value=="") {alert("请输入您的"+des); return false;}}

function limitpl(f,des)

{ if(f.co.value=="") {alert("请输入您的"+des); return false;} return limitChars(f.co,des,200);}

function checkcoAndsn(f,des)

{ if(f.co.value=="") {alert("请输入您的"+des); return false;} return limitChars(f.sn,"参考资料",60);

什么是网页脚本特效

网页特效 网页特效是用程序代码在网页中实现的特殊效果或者特殊的功能的一种技术.它为网页活跃了网页的气氛,有时候会起到一定的亲切力.

网页特效一般是通过Java Scritp(Java脚本)来实现的特殊效果,它通过客户端的WEB浏览器来执行.网页特效,有时还利用JAVA的APLET 来实现.

它一般分为:时间日期类 时间日期类 页面背景类 页面特效类 图形图象类 按钮特效类 鼠标事件类 Cookie脚本 文本特效类 状态栏特效 代码生成类 导航菜单类 页面搜索类 在线测试类 密 码 类 技 巧 类 综 合 类 游 戏 类 等等.

丰富多彩的网页特效,为网页增加了很不错的效果,初学网页者按照说明也很容易成功的为网页添加网页特效.学会添加网页特效的过程也能激发网页初学者更加了解HTML语言的结构.

网页特效大全,可以参考这个网页: 分类比较齐全.

网页特效代码推荐网站： 更新也比较及时

附：什么是JavaScript及其特点

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序 等。它是通过嵌入或调入到标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点：

1、是一种脚本编写语言

JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。

2、基于对象的语言。

JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性

JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。

4、安全性

JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5、动态性的

JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

6、跨平台性

JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

综合所述JavaScript是一种新的描述语言，它可以被嵌入到HTML的文件之中。JavaScript语言可以做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。

dw横向文字滚动代码是什么？

我给你一个代码，你仔细看看就明白了。 加粗的地方是你要输入的内容 网页特效_跑马灯特效代码大全

实现跑马灯的方法很多，其中最简单的是采用一句Html代码来实现，我们在需要出现跑马灯效果的地方插入“marquee滚动的文字/marquee”语句适当的运用marquee标签的参数，可以表现出不同的效果，请看下面的几个例子：1、左右弹来弹去的跑马灯实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动，direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值，例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。源码：marquee width=400 behavior=alternate direction=left align=middle border=1弹来弹去跑马灯!/marquee

２、跑的很快的跑马灯只要在marquee标签内加上“scrollamount=30”参数即可。

３、带有超级链接的跑马灯其实实现的方法很简单，把整个marquee/marquee语句包含在超链接中就行，你看看下面的代码就清楚了。当然你也可以把包含在marquee/marquee中的各条内容分别加上不同的链接，这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。源码粘贴框：marquee width=90%

a href="/Article/Index.html"　target=_blank带有超链接的跑马灯!点我试试？/a

a href=" "　target=_blank还有一条呢!点我试试？/a

/marquee 以上几个例子都是marquee标签参数的应用，下面把所有可以利用的参数列在表中供你参考，不过还是要提醒你，marquee标签只被IE所支持，使用Netscape浏览器是看不到的噢。参数　用法介绍

behavior=scroll, slide, alternate 跑马方式：循环绕行，只跑一次就停住，来回往复运动

direction=left,right　跑马方向：从左向右，从右向左

loop=100　跑马次数：循环100次，如不写默认为一直循环

width=100%,height=200 跑马范围：宽为100%，高为200像素

scrollamount=20 　跑马速度：数越大越快

scrolldelay=500 　跑马延时：毫秒数，利用它可实现跃进式滚动

hspace=20，vspace=20 跑马区域与其它区域间的空白大小

bgcolor=#00FFCC 　跑马区域的背景颜色 你已经看到，尽管marquee参数不少，单毕竟不能实现复杂的和自定义的特殊跑马灯效果，而且还有浏览器限制，所以我们更多情况下会采用JavaScript来实现跑马灯，那就是我们下一个技巧的内容。这里向你介绍几个用JavaScript实现的较复杂的跑马灯，你只须把源码粘贴框中的代码按照说明复制的指定的位置就能看到跑马灯的效果。

1、状态栏中的跑马灯在默认状态下浏览器的状态栏中显示的是链接指向信息，给人的感觉很单调。如果我们把问候语或是站点的介绍放在状态栏中滚动显示，一定能取得很好的效果。源码粘贴框：1、将以下代码放在head与/head之间：script LANGUAGE="JavaScript"

!-- Begin

var Mes=new Array();

Mes[0]="酷络网欢迎你！ ";

Mes[1]="感谢你关注酷络网络学院 ";

Mes[2]="网页特效　之　跑马灯大全 ";

var place=1;

var i=0;

function scroll()

{

window.status=Mes[i].substring(0, place);

if (place = Mes[i].length)

{

if(i2)

{

i++;

place=1;

window.setTimeout("scroll()",50);

}

else

{

i=0;

place=1;

window.setTimeout("scroll()",50);

}

}

else {

place++;

window.setTimeout("scroll()",50);

}

}

// End -－

/script2、在body标签内加入onload 语句：body onload="scroll();" 实现步骤:

(1)首先将JavaScript代码复制到head与/head之间，这段代码中包含了scroll()函数，它是实现跑马灯的主体代码。我们可以修改mes[]数组的值来改变跑马灯的内容，你也可以显示更多条的信息，不过代码中i的值应等于信息的条数，也就是等于mes[]数组的维数；

(2)然后在body标签中加入onload()语句即可。2、超链接的跑马灯式提示信息把你的“老鼠”移到下面链接上试一试，有什么不同呢？原来弹出了一条跑马灯式的提示信息，这是怎么实现的呢，请接着看：源码粘贴框：1.将下面代码放在body标签下：script

if (!document.layers!document.all)

event="test"

function showtip2(current,e,text){if (document.alldocument.readyState=="complete"){

document.all.tooltip2.innerHTML='marquee style="border:1px solid black"'+text+'/marquee'

document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10

document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10

document.all.tooltip2.style.visibility="visible"

}else if (document.layers){

document.tooltip2.document.nstip.document.write('b'+text+'/b')

document.tooltip2.document.nstip.document.close()

document.tooltip2.document.nstip.left=0

currentscroll=setInterval("scrolltip()",100)

document.tooltip2.left=e.pageX+10

document.tooltip2.top=e.pageY+10

document.tooltip2.visibility="show"

}

}

function hidetip2(){

if (document.all)

document.all.tooltip2.style.visibility="hidden"

else if (document.layers){

clearInterval(currentscroll)

document.tooltip2.visibility="hidden"

}

}function scrolltip(){

if (document.tooltip2.document.nstip.left=-document.tooltip2.document.nstip.document.width)

document.tooltip2.document.nstip.left-=5

else

document.tooltip2.document.nstip.left=150

}/script2.然后在要出现提示信息的链接中，添加onMouseover语句：a href="pm23.htm" onMouseover="showtip2(this,event,'用marquee实现的各式跑马灯')" onMouseout="hidetip2()"跑马灯大全(一)/a

a href="/pc/index.htm" onMouseover="showtip2(this,event,'最多最全的电脑交互教程')" onMouseout="hidetip2()"电脑交互教程/a

a href="pmjq00.htm" onMouseover="showtip2(this,event,'点滴技巧装扮你的家')" onMouseout="hidetip2()"网页制作技巧技巧/a 实现步骤：

(1)先在body标签下面插入一段JavaScript代码；(2)然后在需要实现跑马灯式提示信息效果的超链接中加入Onmouseover和Onmouseout语句。

求网页特效代码

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

[根据下面的说明进行共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

网站漂浮广告代码怎么写

script type="text/javascript"

function hidead()

{document.getElementById("ad").style.display="none";}

/script

div id="ad" style="position:absolute"

!--放广告代码--DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right关闭广告×/DIV/div

script

var x = 80,y = 80

var xin = true, yin = true

var step = 1

var delay = 1

var obj=document.getElementById("ad")

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x L) { xin = true; x = L}

if (x R){ xin = false; x = R}

y = y + step*(yin?1:-1)

if (y T) { yin = true; y = T }

if (y B) { yin = false; y = B }

}

var itl= setInterval("floatAD()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

/script

关于网页特效制作代码大全和javascript制作网页特效的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。