书签 分享 收藏 举报 版权申诉 / 65

类型网页代码.docx

  • 文档编号:6214099
  • 上传时间:2023-01-04
  • 格式:DOCX
  • 页数:65
  • 大小:49.67KB

style="position:

absolute;left:

10px;top:

50px;width:

3px;height:

3px;z-index:

1;background-color:

#19636c;layer-background-color:

#19636c;border:

1pxnone#000000;clip:

rect(0330)">

id="yyd1"

style="position:

absolute;left:

20px;top:

50px;width:

3px;height:

3px;z-index:

1;background-color:

#708574;layer-background-color:

#708574;border:

1pxnone#000000;clip:

rect(0330)">

id="yyd2"

style="position:

absolute;left:

30px;top:

50px;width:

3px;height:

3px;z-index:

1;background-color:

#379bbf;layer-background-color:

#379bbf;border:

1pxnone#000000;clip:

rect(0330)">

id="yyd3"

style="position:

absolute;left:

40px;top:

50px;width:

3px;height:

3px;z-index:

1;background-color:

#25184c;layer-background-color:

#25184c;border:

1pxnone#000000;clip:

rect(0330)">

id="yyd4"

style="position:

absolute;left:

50px;top:

50px;width:

3px;height:

3px;z-index:

1;background-color:

#31bd3c;layer-background-color:

#31bd3c;border:

1pxnone#000000;clip:

rect(0330)">

id="yyd5"

style="position:

absolute;left:

60px;top:

50px;width:

3px;height:

3px;z-index:

1;background-color:

#c11efd;layer-background-color:

#c11efd;border:

1pxnone#000000;clip:

rect(0330)">

网页鼠标特效

跟随鼠标的字符:

在鼠标后面跟着一串飘动的字符,想写什么就写什么,爽吧

效果演示

第一步:

把如下代码加入区域中

.spanstyle{

COLOR:

#3366ff;FONT-FAMILY:

宋体;FONT-SIZE:

10pt;POSITION:

absolute;TOP:

-50px;VISIBILITY:

visible

}

第二步:

把如下代码加入区域中

跟踪鼠标:

一串图片跟着鼠标运动,如果图片做得好,可以有很好的效果

效果演示

把如下代码加入区域中

--

B=document.all;

C=document.layers;

T1=newArray("c1.gif",38,35,"c2.gif",30,31,"c3.gif",28,26,"c4.gif",22,21,"c5.gif",16,16)

nos=parseInt(T1.length/3)

rate=50

ie5fix1=0;

ie5fix2=0;

for(i=0;i

createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","")}

functioncreateContainer(N,Xp,Yp,W,H,At,HT,Op,St){

with(document){

write((!

B)?

"

"

absolute;left:

"+Xp+";top:

"+Yp+";width:

"+W+";height:

"+H+";");

if(St){

if(C)

write("style='");

write(St+";'")

}

elsewrite((B)?

"'":

"");

write((At)?

At+">":

">");

write((HT)?

HT:

"");

if(!

Op)

closeContainer(N)

}

}

functioncloseContainer(){

document.write((B)?

"":

"")

}

functiongetXpos(N){

return(B)?

parseInt(B[N].style.left):

C[N].left

}

functiongetYpos(N){

return(B)?

parseInt(B[N].style.top):

C[N].top

}

functionmoveContainer(N,DX,DY){

c=(B)?

B[N].style:

C[N];c.left=DX;c.top=DY

}

functioncycle(){

//if(IE5)

if(document.all&&window.print){

ie5fix1=document.body.scrollLeft;

ie5fix2=document.body.scrollTop;

}

for(i=0;i<(nos-1);i++){

moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))

}

}

functionnewPos(e){

moveContainer("CUR"+(nos-1),(B)?

event.clientX+ie5fix1:

e.pageX+2,(B)?

event.clientY+ie5fix2:

e.pageY+2

}

if(document.layers)

document.captureEvents(Event.MOUSEMOVE)

document.onmousemove=newPos

setInterval("cycle()",rate)

//-->

鼠标激活警告框:

鼠标放到链接上,就立刻弹出警告框

效果演示:

记住本站域名

把如下代码加入区域中

');returntrue;">记住本站域名

鼠标点击效果:

鼠标点击一下就会飞出一连串的英文字母,很好看的

效果演示:

以第一步:

把如下代码加入区域中

--Begin

varver=navigator.appVersion;

vardom=document.getElementById?

1:

0;

varie5=(ver.indexOf("MSIE5")>-1&&dom)?

1:

0;

varn=(document.layers);

varie=(document.all);

varsparksAflyin=0;

vartotalSparks=0;

varsparksOn=1;

functioninitMouseEvents(){

document.onmousedown=mouseDown;

if(n)document.captureEvents(Event.MOUSEDOWN|Ev

举报
举报
版权申诉
版权申诉
word格式文档无特别注明外均可编辑修改;预览文档经过压缩,下载后原文更清晰! 立即下载
配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
网页 代码
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:网页代码.docx
链接地址:https://www.bdocx.com/doc/6214099.html
相关搜索
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开