自动点击后询问是否播放背景音乐

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#1play{ width:0px; height:0px; text-align:center; line-height:0px; background-color:#CCCCCC; float:left;}
#play{ width:0px; height:0px; text-align:center; line-height:0px; background-color: #FFFFFF; float:left;z-index:1;}
</style>
<script>
function playmp3(){
     var player="<embed src=http://mp3.1miao.com.cn/因特网心情铃声_40345.mp3 width=200 height=30 hidden=true loop=-1>";
     //“1.mp3”路径,自己改。loop=-1 循环播放。
     document.getElementById("play").innerHTML=player;
}
</script>
</head>

<body>
<div id="play" onmouseover="this.style.cursor='pointer';" onclick="playmp3();"></div>

<a onclick="return confirm('素材党提醒:是否播放背景音乐?')" href="javascript:playmp3()" id="clickMe"></a>

 

<script type="text/javascript">
// 两秒后模拟点击
setTimeout(function() {
 // IE
 if(document.all) {
  document.getElementById("clickMe").click();
 }
 // 其它浏览器
 else {
  var e = document.createEvent("MouseEvents");
  e.initEvent("click", true, true);
  document.getElementById("clickMe").dispatchEvent(e);
 }
}, 2000);
</script>

<a href="1javascript:playmp3();" id="1clickMe" onclick="alert('clicked');">link</a>

 

<a onclick="{if(confirm('素材党提醒:是否播放自动播放背景音乐?')){return true;}return false;}" href="javascript:playmp3()"id="1clickMe"></a>

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

 

<script type="text/javascript">
$(document).ready(function(){
 $("#play").hide(); 
});
</script>

 


</body>
</html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.danghaizheng.com/?post=40

相关推荐

分享本文至:

评论

  1. 2016-09-25 15:12
    var player="<embed src=http://mp3.1miao.com.cn/因特网心情铃声_40345.mp3 width=200 height=30 hidden=true loop=-1>";
  1. 2016-09-22 15:10
    我的网址  有空来踩http://www.3c7.net
  1. 2016-06-24 11:42
    进来看看

你肿么看?

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。