首页网站特效代码 求一个网页特效的代码

特效代码 求一个网页特效的代码

编程之家2023-11-01197次浏览

你是否曾想过,特效代码和求一个网页特效的代码之间是否存在联系?在本文中,小编将为您探索它们之间的关系,带您领略新的视角和见解。

特效代码 求一个网页特效的代码

网页特效代码

在HTML文件中添加网页特效代码,一般有三种情况。

第一,只加在HTML文件头部,即HTML文件中<head>……</head>之间的代码。这类代码只需要加在这个部分,即可达到预期的效果。

第二,只加在HTML文件体部。即HTML文件中<body>……</body>之间的代码。这类代码只需要加在这个部分,即可达到预期的效果。如在你题目中提到的就属于这一类。

除上述情况外,多数代码需要先在头部(<head>……</head>之间)在上一些属性性质的代码,但是特效的主代码需要添加在体部(body>……</body>之间),否则,特效不能正常显示,有时还会出现错误,影响整个页面的正常显示。

添加特效代码的方法:

先要用HTML编辑软件,如常见的文本编辑器“记事本”,打开需要编辑的文件,根据特效代码的要求,在文件中找到相应位置,复制,粘贴特效代码,保存即可。修改完毕后,即可在浏览器中看到相应的效果。

特效代码 求一个网页特效的代码

在添加的时候一定要注意,一定要按照特效源码的要求添加,此外,还要保证源码的完整性,一个标点符号都不能少,也不能多。

另外要说的是,根据我的经验,直接从网上复制来的代码,不一定都能直接粘贴了用,一部分必须通过一个软件来中转。比如,先把网上的代码复制后,粘贴到“记事本”中,然后再复制、粘贴到相应的文件位置上。

最后,介绍你几个经典网页特效站。

1、网页特效集锦:http://www.helpor.net

2、javascript网页特效:http://www.baron.com.cn/javascript

3、万旭网页特效:http://js.wanxu.com

特效代码 求一个网页特效的代码

4、网页特效梦工厂:http://www.zlce.net/web

5、网页制作大宝库网页特效大全:http://www.dabaoku.com/texiao

求一个网页特效的代码

给你两种代码,自己选择。第一种要等全部文字消失后才开始下一轮的滚动,第二种是无缝滚动,也就是还没等最后一句消失,下一次滚动已经开始。新闻链接的滚动大部分都是采取第二种。代码中出现的#号表示链接地址。其余参数自行调整。

<MARQUEE onmouseover=this.stop() onmouseout=this.start() style="LEFT: 0px; POSITION: absolute; line-height:20px;TOP=100px;" scrollAmount=2 direction=up height=120 width=200><font color=#B0D8DC size=2><center><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">你在做什么</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">我在仰望天空</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">30度仰望是什么</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">是我想念她的角度</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">为什么要把头抬到30度</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">为了不让我的眼泪掉下来</a><br></MARQUEE>

二、文字向上无缝滚动

<div id=marquees style="height=100px;LEFT: 60px; POSITION: absolute; TOP: 100px;"><font style="font-family:宋体; color:white; font-size:14px;line-height=15px">

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">你在做什么</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">我在仰望天空</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">30度仰望是什么</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">是我想念她的角度</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">为什么要把头抬到30度</a><br>

<br>

<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">为了不让我的眼泪掉下来</a><br>

<br>

<br>

<br>

</div>

<script language="JavaScript">

marqueesHeight=100;

stopscroll=false;

with(marquees){

style.width=0;

style.height=marqueesHeight;

style.overflowX="visible";

style.overflowY="hidden";

noWrap=true;

onmouseover=new Function("stopscroll=true");

onmouseout=new Function("stopscroll=false");

}

document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){

templayer.innerHTML="";

while(templayer.offsetHeight<marqueesHeight){

templayer.innerHTML+=marquees.innerHTML;

}

marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;

setInterval("scrollup()",30);

}

document.body.onload=init;

function scrollup(){

if(stopscroll==true) return;

preTop=marquees.scrollTop;

marquees.scrollTop+=1;

if(preTop==marquees.scrollTop){

marquees.scrollTop=templayer.offsetHeight-marqueesHeight;

marquees.scrollTop+=1;

}

}

</script>

求网页特效代码

有创意,只是目前还不知道脚本里面那个函数控制拖动的~~~~

用表格实现不大可能,但可以虚画一个表格,然后用javascript的层定位技术应该可以实现的,

不知道你用来做什么的?

不过第一次看到这中问题,我可以尝试一下

哈哈,效果出来了。看看下面的效果,另存为.htm就可以看到效果了。是否为你要的效果呢?

点一下图片就可以拖动了,在点一下图片停止拖动。(注:拖动的时候不需要一直点住图片)

<html>

<head>

<title>shiyan</title>

<style

type='text/css'id='defaultPopStyle'>

*{

margin:5px.;padding:0;

}

.cPopText

{

left:200;

background-color:

#ff5555

;color:

#ffffff

;

border:10px

solid

#3333cc;

margin:10px;solid:#aa0000;bordercolor:

#000000;font-size:

18px;height:

40px;

padding-right:

10px;

padding-left:

10px;

padding-top:

4px;

padding-bottom:

4px;

}

#feixue{

text-align:center;font-size:14pt;color:#2222ff;}

</style>

<script

language="javascript">

kk=-1

function

ss(dypopLayer)

{

if(kk==1)

{

dypopLayer.style.visibility="visible"

MouseX=event.x;

MouseY=event.y;

dypopLayer.style.left=MouseX+document.body.scrollLeft-50;//使得鼠标在图片上

dypopLayer.style.top=MouseY+document.body.scrollTop-50;//使得鼠标在图片上

}

}

function

s2()

{

dypopLayer.style.visibility="hidden"

}

</script>

</head>

<body>

<h2>shiyan</h2>

<div

id="feixue">我的样式</div>

点一下图片就可以拖动了,在点一下图片停止拖动。(注:拖动的时候不需要一直点住图片)

<br>

<div

id='dypopLayer'

align="center"

style='position:absolute;z-index:1000;visibility:visibility'

class='cPopText'

onMouseDown="kk=kk*(-1)"

onmousemove=ss(dypopLayer)>

i

love

you<br><img

src="dansh2.jpg"

alt="图片"

width="150"

height="130"></div>

<div

id='dypopLayer2'

align="center"

style='position:absolute;z-index:1000;visibility:visibility'

class='cPopText'

onMouseDown="kk=kk*(-1)"

onmousemove=ss(dypopLayer2)>

i

love

you<br><img

src="dansh2.jpg"

alt="图片"

width="150"

height="130"></div>

<div

id='dypopLayer3'

align="center"

style='position:absolute;z-index:1000;visibility:visibility'

class='cPopText'

onMouseDown="kk=kk*(-1)"

onmousemove=ss(dypopLayer3)>

i

love

you<br><img

src="dansh2.jpg"

alt="图片"

width="150"

height="130"></div>

<br>

<br>

</body>

</html>

if

do

it

According

to

what

you

mean~~!

i

think

that

must

be

a

big

system,and

the

question

should

not

be

find

in

here~!?

maybe

you

should

find

a

Software

companie

to

solve

it.

about

you??

好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!

云服务器代理,选择云服务器代理要注意什么廊坊百度优化?廊坊哪里有学seo