应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。今天我们推荐8款使用HTML5生成的特
殊效果,希望可以对大家的使用带来帮助!
HTML5实现的五子棋游戏
在线演示
这是一款使用HTML5实现的五子棋特效,与计算机的对局你不见得能次次都赢得胜利,不信可以点击在线演示。
一款不需要视频文件的视频播放器-Frame player
在线演示
HTML5视频是非常棒的,它可以很容易的用在多款设备上。但是它也有自己的问题,比如移动设备的播放器,可能有不同版本不兼容的情况。今天我们介绍这款视频播放器完善了之前的效果,用起来更方便。希望大家喜欢!
3D菜单
在线演示
或许在现如今这个科技发达的时代,在线点餐已不是新鲜事。餐厅可以对Menu进行设计,点击菜名会相应弹出菜品的照片,或者还可以增加卡路里,原材料和客户们的评价等。绝对是一个超时髦的创意!
用HTML5的画布实现撕布的动画效果
在线演示
用HTML5的画布实现撕布的效果,滑动鼠标,布会随着鼠标变动。点击鼠标左键,然后滑动鼠标,布就会被割开。如果你还没有查看过这款演示效果,那绝对逼真的让你震撼!
HTML5 Canvas(画布) 基础使用和介绍
在线下载
还记得在过去的Web前端开发中,如果你需要绘图或者生成相关图形的话,使用Flash可能是你唯一或者说最强大的实现方式,而在近些年的技术
热点HTML5标准中,HTML
Canvas(画布)能够更加方便的帮助你实现2D绘制图形图像及其各种动画效果功能。在今天的这篇技术教程中我们将介绍基本的Canvas使用,希望大
家觉得有帮助!
HTML5画布生成的2D光源效果
在线演示
超金属的背景,仿佛探照灯的经过让他看上去更加的立体。这是一款使用HTML5 Canvas生成的2D光源效果。绝对让你不后悔使用它!
HTML5的Flappy bird实现
在线演示
著名的Flappy Bird,相信知道的人一定不少吧,点击你的空格,不要让它掉下来,看看你最终的成绩有多好。发上来我们切磋一下吧.
Sonic - 循环加载的利器
在线演示1 在线演示2 在线演示3
Sonic是一个不到3k,非常小的JS类库,你可以用这个类库来创建自定义的加载动画。它的循环动画效果非常赞,比如你可以用它做一条不断追
逐自己尾巴
的蛇,这样的动画。Sonic使用了HTML5的canvas元素和其相关API。它基于在一定小的时间间隔上,基于预定义的路径,画出下一个形状,从而
完成动画效果。你可以使用arc,bezier,或line的方法来定义路径。
网页背景音乐的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
打字效果的文字特效[修改显示的文字即可]以下代码放在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("这里是你想要打的字")
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+"</font><font 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>