网页特效代码大全(网页特效代码大全下载)

大家好,今天给各位分享网页特效代码大全的一些知识,其中也会对网页特效代码大全下载进行解释,文章篇幅可能偏长,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在就马上开始吧!

在互联网高速发展的今天,网页已经成为了人们获取信息、娱乐休闲的重要途径。一个美观、实用的网页无疑能给人留下深刻的印象。而网页特效代码则是打造炫酷网页的关键。本文将为大家整理一份网页特效代码大全,让你轻松打造出独具特色的网页。

一、网页特效代码概述

网页特效代码主要包括JavaScript、CSS3和HTML5等前端技术。以下是一些常见的网页特效类型:

1. 动画效果:如淡入淡出、放大缩小、旋转等。

2. 交互动画:如鼠标悬停、点击等交互引起的动画效果。

3. 视觉反馈:如加载动画、进度条等。

4. 背景特效:如背景图片滚动、全屏背景等。

5. 其他特效:如3D效果、粒子效果等。

二、常用网页特效代码

下面列举一些常见的网页特效代码,供大家参考。

1. 淡入淡出效果

HTML代码:

“`html

常用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=后退>

网页特效代码

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

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

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

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

添加特效代码的方法:

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

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

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

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

1、网页特效集锦:

2、javascript网页特效:

3、万旭网页特效:

4、网页特效梦工厂:

5、网页制作大宝库网页特效大全:

网页背景音乐的HTML代码是什么

网页背景音乐的HTML代码有三种,分别用<bgsound></bgsound>、<embed></embed>和<audio></audio>标签。

由于<bgsound>的特性是非标准的,所以请尽量不要在生产环境中使用它。下面对三者的参数进行介绍:

1、<bgsound>:

<bgsound>是IE浏览器中设置网页背景音乐的元素。

<bgsound src=”sound1.mid”>

<bgsound src=”sound2.au” loop=”infinite”

balance

该属性取值在-10,000到+10,000,它决定扬声器之间的音量如何分配。

loop

该属性表明音频被播放的次数,是一个数值或者关键字infinite。

2、<EMBED>:

<embed>标签定义嵌入的内容,比如插件,插入音频和视频方式。

<EMBED src=”your.mid”autostart=”true” loop=”true” hidden=”true”>

height pixels设置嵌入内容的高度。

src url嵌入内容的 URL。

type type定义嵌入内容的类型。

width pixels设置嵌入内容的宽度。

3、<audio>:

<audio>标签定义声音,比如音乐或其他音频流。

<audio src=”someaudio.wav”>您的浏览器不支持 audio标签。</audio>

扩展资料:html特效代码大全:

1)贴图:<img src=”图片地址”>

2)加入连接:<a href=”所要连接的相关地址”>写上你想写的字</a>

3)在新窗口打开连接:<a href=”相关地址” target=”_blank”>写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

参考资料来源:百度百科-bgsound

参考资料来源:百度百科-embed

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

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享