一个简单的页面载入效果
在线演示地址:http://demo.joyfulboy.cn/js/loader/
JS调用方法:
<script type=”text/javascript” src=”http://www.joyfulboy.cn/demo/js/loader/js/loader.js”></script>
<script type=”text/javascript”>
<!–
开启载入效果(“载入中…”);
//–>
</script>
在线演示地址:http://demo.joyfulboy.cn/js/loader/
JS调用方法:
<script type=”text/javascript” src=”http://www.joyfulboy.cn/demo/js/loader/js/loader.js”></script>
<script type=”text/javascript”>
<!–
开启载入效果(“载入中…”);
//–>
</script>
在线演示地址:http://demo.joyfulboy.cn/js/openlink/2/
此JS应用可以使点击鼠标即可点击某个链接,目前只兼容IE浏览器。
函数调用方法:
GetImageLink(12, “imagelinks”, “counter”, 0, document.getElementById(“image1”), document.getElementById(“image2”), document.getElementById(“image3”));
参数说明:第一个参数“12”是设置 cookie 过期时间,从当前起12小时后过期,第二个参数“imagelinks”是设置 cookie 存储链接过期时间时使用的名字,第三个参数“counter”是设置 cookie 存储的计数器名字,第四个参数“0”是否同步打开所有链接,0为不同步,1为同步。第五至第N个参数为图片链接节点的上一个父节点对象。具体查看演示HTML页面。
详细的参数说明:第2和第3个参数必须是字符串类型,如果有多个页面调用此方法必须每个页面这两个参数不同,否则会出错。第4个参数为同步打开,即点击一下鼠标打开所设置的所有链接。第5至第N个参数可以为对象也可以为元素节点上的ID名字,也就是字符串。还可以为数组,但是数组内元素必须全部为DOM对象,否则会报错。
js写的日期选择器,摘自discuz论坛程序。可用于生日等日期选择。不多说了,看演示。
演示页面:http://demo.joyfulboy.cn/js/addbgsound/
调用方法:
<script type=”text/javascript”>
<!–
$Load(function(){
var bgs = new addBgSound();
bgs.Url = “http://sports.wuhan.net.cn/mc3/mp3/%B1%A6%B1%B4.MP3”; //背景音乐地址;
bgs.loop = 1; //重复播放次数,0为始终重复播放;
bgs.show();
});
//–>
</script>
代码有些繁琐,没办法,技术暂时只能到这程度。
前端JS控制利用Mediaplayer来播放,看演示地址:http://demo.joyfulboy.cn/js/musicplayer/