首页编程网页特效(特效素材网站)

网页特效(特效素材网站)

编程之家2026-05-14842次浏览

各位老铁们,大家好,今天由我来为大家分享网页特效,以及特效素材网站的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!

网页特效(特效素材网站)

如何实现网页特效

图片不间断滚动代码:

</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(幻灯片效果,指的是滚动一次,然后停止滚动)

网页素材的特效

不可否认,网页特效给网页增辉不少,使网页内容丰富多彩,加入了网页特效,不仅活跃了网页的气氛,而且它打破了网页静悄悄的感觉,有时候会起到一定的亲切力,让人们在浏览网页的同时又有一种享受的快感。就仿佛是在超市购物又聆听着动听的音乐似的。

在平常的网站中,网页特效以JavaScript编写为最常见,因此了解一点JavaScript脚本对网站初学者来说是个不错的选择。

网页特效一般分为:时间日期类时间日期类页面背景类页面特效类图形图象类按钮特效类鼠标事件类 Cookie脚本文本特效类状态栏特效代码生成类导航菜单类页面搜索类在线测试类密码类技巧类综合类游戏类等等。一些广告代码除使用Flash制作外,也有相当一部分使用了JavaScript脚本编写的网页特效。为此,此处简单介绍一下JavaScript:

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

可以说掌握好JavaScript对网站建设有着举足轻重的作用。

网页素材是指从现实生活中搜索到的、未经加工提炼的用来建设网站的资料。具体到美术创作而言,素材是美术家积累的形象资料(如速写、素描、照片、图片等)和文字材料(如有关的历史事件、神话故事、文学作品等等文字研究材料)等等素材的总和。

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

常用JS代码集锦层的隐藏与显示

只要设置style的display属性即可

比如<div style="display:none" id="MyDiv">隐藏的层</div>

如果要显示它可以通过脚本来控制

window.document.getElementById("MyDiv").style.display="";

禁止右键

<body oncontextmenu="return false">

屏蔽页面中程序运行出错信息

window.onerror= function()

{

return true;

}

得到当前显示器的分辨率

window.srceen.width得到屏幕的宽度

window.srceen.height得到屏幕的高度

如果当前分辨率为800*600,window.srceen.width是800,window.srceen.height是600

定时运行特定代码

setTimeout(Code,Timeout);

setInterval(Code,Timeout);

Code是一段字符串,里边是js代码,Timeout是时间间隔,单位是微秒

setTimeout是从现在算起多少微秒后运行该代码(只运行一次)

setInterval是每隔多少微秒运行一次代码

得到本页网址

var Url= window.location.href;

保存当前页面的内容

document.execCommand("SaveAs","","C:\\index.htm");

隐去浏览器中当鼠标移到图片上跳出的工具栏

<img galleryimg="no">

或者

<head>

<meta http-equiv="imagetoolbar" content="no">

</head>

■打开■

<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>

<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■另存为■

<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■属性■

<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■打印■

<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■页面设置■

<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

■刷新■

<input type=button value=刷新 name=refresh onclick="window.location.reload()">

■导入收藏■

<input type="button" name="Button" value="导入收藏夹" onClick=window.external.ImportExportFavorites(true,);>

■导出收藏■

<input type="button" name="Button3" value="导出收藏夹" onClick=window.external.ImportExportFavorites(false,);>

■加入收藏■

<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹>

■整理收藏夹■

<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夹>

■查看原文件■

<INPUT name=Button onclick=window.location="view-source:"+ window.location.href type=button value=查看源文件>

■语言设置■

<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语言设置>

■前进■

<INPUT name=Submit onclick=history.go(1) type=submit value=前进>

■后退■

<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>

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

c语言编程软件 c语言自学免费网站学编程的最佳年龄(学编程几岁开始学比较好)