本文介绍如何利用JavaScript实现多媒体文件如音频、视频的动态加载，并展示如何通过改变DOM元素的样式实现图片的闪烁效果。文章详细阐述了使用JavaScript函数与事件监听来动态插入、控制多媒体文件的播放，以及利用jQuery简化图片闪烁动画的实现过程。
<html>
<head>
<title>这种方式支持任何浏览器</title>
</head>
<body>
<div id="div1"></div>
<input type="button" value="立即" onclick="play_click(this,'C:\Windows\Media\Alarm01.wav');">
<div id="div2"></div>
<script language="javascript">
function play_click(sef,url){
var div = document.getElementById('div1');
div.innerHTML = '<embed src="'+url+'" loop="0" autostart="true" hidden="true"></embed>';
var emb = document.getElementsByTagName('EMBED')[0];
if (emb) {
/* 这里可以写成一个判断 wav 文件是否已加载完毕，以下采用setTimeout模拟一下 */
div = document.getElementById('div2');
div.innerHTML = 'loading: '+emb.src;
sef.disabled = true;
setTimeout(function(){div.innerHTML='';},1000);
}
}
</script>
</body>
</html>
<HTML>
<HEAD>
<title>图片闪烁</title>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script language="JavaScript">
$(function(){
angel.style.visibility=(angel.style.visibility=="visible") ? "hidden" : "visible";
setTimeout("blink()",500);
});
function blink()
{
angel.style.visibility=(angel.style.visibility=="visible") ? "hidden" : "visible";
setTimeout("blink()",500);
}
</script>
<HEAD>
<body>
<a href="http://www.baidu.com" style="display:block;width: 132px;height: 132px;">
<img id="angel" src="D:\Workplace\Pex_MicroSMS\Pex.Web\Images\news\touxiang.jpg" align="center">
</a>
</body>
<HTML>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
