Background music for webpages
When browsing the web, you will definitely have a web page with background music. Steps in the wonderful music to the infinity space of the Internet, you can really be beautiful! But the background music can only be a track, and it is not universal. If the background music of the web page allows visitors to choose any selection in a predetermined multi-track, becomes a background music, which believes that there will be more visits to stop. In fact, we can use the JavaScript script to write a program that replaces background music, realize any options for background music in web pages, let your web page will win. Let's first explain the design ideas and implementation methods of the program, followed by the complete sample program, I believe everyone will become a web activity background music.
I. Designing Ideas and Implementation 1. First establish embedded tag in HTML, embedded to selectable track files, *. Wav, *. Au, *. MID, etc., code as follows: The loop = -1 is loop = -1 let the track repeats AutoStart = false prohibiting tracks After embedding, Hidden = true will hide it, not visible 2. By means ... and ... < / Option> Establish a drop-down list box for selecting songs,
The playing statement is changed to Document.name.Run (). 4. Add OnLoad = "Check_ok" in the
tag of the HTML document, initialize the browser authentication variable MSIE4 (freely set variable name) to meet the program's requirements for the browser to prevent the browser An abnormal appearance is asked. Second, the annotation is detailed, the complete sample program list
activity background music </ Title></p>
<p><script language = "javascript"> <! - var msie4 = false;</p>
<p>/ / Define the function of the detection browser Function check_ok () {var nav = window.navigator.USERAGENT; VAR IE_OK = Nav.Indexof ("msie"); if (IE_ok> 0) // is Microsoft Internet Explorer Msie4 = PARSEINT Nav.Substring (IE_ok 5, Nav.indexof (".", IE_ok))> = 4; // IE 4.0 or above version}</p>
<p>/ / Define the function of change background music function function my_sound () {if (msie4) // is IE 4.0 or higher version {if (Document.my_Music.Opt.Value == "1") // Select the track 1 {document.music2 .stop (); // Close another track Document.music1.play (); // Play track} else {if (Document.my_Music.opt.value == "2") // Select the track 2 {document. Music1.stop (); document.music2.play ();} else // Cancel background music {document.music1.stop (); document.music2.stop ();}}}} // -> </ script > </ HEAD></p>
<p><Body onload = "Check_ok ()"></p>
<p><embed name = "music1" src = "01.mid" loop = -1 autostart = false hidden = true mastersound> <Embed name = "music2" src = "02.mid" loop = -1 autostart = false hidden = true MASTERSOUND></p>
<p><H1> Background Music, please choose </ h1></p>
<p><form name = "my_music" width = 300> <select name = "=" size = 1 onchange = "JavaScript: my_sound ()> <option value =" 0 "SELECTED> ------ Nothing --- --- </ option> <option value = "1"> track 1 </ option> <option value = "2"> track 2 </ option> </ form> </ body> </ html></p>
<p>Description: 1. Var IE_ok = Nav.indexOf in the check_ok function; is whether it contains "MSIE" in the detection browser name to determine if it is an IE browser; 2, the My_Sound function is (Document. " MY_MUSIC.OPT.VALUE == "2") determines the selected track, its standard format is IF (Document. Table Single name .Select Object Name. Value == Option VALUE Value) 3, the above program is Written as an example of two tracks, you can modify the procedure according to the method described above, add or decrease the optional tracks; 4. If there is a problem or unknown in the application, please visit http: //chenhuiiisoft.top263. Net</p>
<p>Name: Zhou Yang Address: Hubei Jingmen Education Committee Admissions: 448000 Tel: 0724-2351749E-mail: chenhui-soft@sohu.com</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-5082.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="5082" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.043</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'M_2B8uj3c4jnpHYovZ4Jx24jXvmqKUbmW_2B9eYekcPbaX0dpTqUlNifLFwmmmpOLeerDzkU27S_2BovO2aKfUld3Ddg_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script> 
