本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下:代码如下:js控制背景音乐bgsound的方法(开始与停止)var bg_sound=document.createElement_x("bgsound");//创建背景音乐 bg_sound.id="i_bg"//设置id属性 document.body.appendChild(bg_sound);//body中添加背景音乐 //bg_sound.src="tmp3.mp3"; i_bg.src="tmp3.mp3";//设置一个背景音乐文件 //应该也可以用write写出来,可以试下效果。...
本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下:/** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param loop 是否循环 */ function audioplayer(id, file, loop){ var audioplayer = document.getElementById(id); if(audioplayer!=null){ document.body.removeChild(audioplayer); } if(typeof(file)!='undefined'){ if(nav...
本文实例讲述了javascript实现图片循环渐显播放的方法。分享给大家供大家参考。具体实现方法如下:代码如下: 图片的循环渐显播放效果代码之间: sandra0 = new Image(); sandra0.src = "/images/m01.jpg"; sandra1 = new Image(); sandra1.src = "/images/m02.jpg"; sandra2 = new Image(); sandra2.src = "/images/m03.jpg"; var i_strngth=1 var i_image=0 var imageurl = new Array() imageurl[0] ="/images/m01.jpg" imageurl[...
本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法。分享给大家供大家参考。具体如下: html部分:css部分:body{ margin: 0px; padding: 0px; } ul{ margin: 0px; padding: 0px; } li{ list-style: none; } .play{ width: 600px; height: 550px; left: 30px; top: 20px; position: relative; border: 2px solid black; } .big_pic{ width: 600px; height: 400px; position: relative; background: snow; overflow: ...
效果:代码很简单 jsdefine("html5_video_player", [ '../avalon-min'], function(avalon) {function formatTime(seconds) {var seconds = Math.round(seconds);var minutes = Math.floor(seconds / 60);seconds = Math.floor(seconds % 60);minutes = (minutes >= 10) minutes : "0" + minutes;seconds = (seconds >= 10) seconds : "0" + seconds;return minutes + ":" + seconds;}var playing=false,mute=false,vol=50,fs=fal...
本文实例讲述了jquery实现简单的自动播放幻灯片效果。分享给大家供大家参考。具体实现方法如下: html部分:Pretty cool eh? This slide is proof the content can be anything.CSS部分:/* Slides need to be absolutely positioned within the wrapper. This has a tiny bit of extra pizazz: */ #slideshow {margin: 50px auto;position: relative;width: 240px;height: 240px;padding: 10px;box-shadow: 0 0 20px rgba(0,0,0,0...
使用非常简单,小伙伴们只要修改对应的参数即可,这里就不多废话了,直接奉上实例吧。var swf_width=307 var swf_height=182 var texts='快乐星汉堡' var files='http://v.78.cn/kuailexing/sp.flv' var config='0:自动播放|1:连续播放|100:默认音量|0:控制栏位置|2:控制栏显示|0x000033:主体颜色|60:主体透明度|0x66ff00:光晕颜色|0xffffff:图标颜色|0xffffff:文字颜色|:logo文字|:logo地址|end.flv:结束swf地址'document.write(...
不多说了,实现方法请看下面代码。代码如下:JS代码实现图片自动播放并可控的效果Qfast.add('widgets', { path: "http://hovertree.com/texiao/js/1/js/terminator2.2.min.js", type: "js", requires: ['fx'] }); Qfast(false, 'widgets', function () { K.tabs({ id: 'decoroll2', //焦点图包裹id conId: "decoimg_a2", //大图域包裹id tabId: "deconum2", //小圆点数字提示id tabTn: "a", conCn: '.decoimg_b2', //大图域配置cla...
一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果。代码简洁明了,兼容ie、firefox和google浏览器。分享代码如下:javascript控制图片或div层的上下移动滚动效果 上 图片1...图片2...图片3...图片4...图片5...图片6...图片7...图片8...图片9...图片10...图片11...图片12...图片13...图片14...图片15...图片16...图片17...图片18...图片19...图片20...
Flowplayer 是一个开源(GPL 3的)WEB视频播放器。您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。查看演示 源码下载 Flowplayer支持播放flv、swf等流媒体以及图片文件,能够非常流畅的播放视频文件,支持自定义配置和扩展。1、加载flowplayer.js在要播放视频的页面的head之间加入flowplayer.js。您可以到flowplyer官网上下载最新...
本文实例讲述了jQuery实现自动切换播放的经典滑动门效果。分享给大家供大家参考。具体如下: 这是一个滑动门代码,从外观上看,简洁经典,似乎与平时见到的滑动门没什么区别,不过它有一个重要的功能与众不同,那就是会自动切换【播放】滑动门的内容,像腾讯QQ登录后弹出的每日要闻一样,如果你再加以美化,那么就更完美无暇了。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/jquery-auto-cha-tab-style-co...
本文实例讲述了jquery点击缩略图切换视频播放特效。分享给大家供大家参考。具体如下: jquery点击缩略图切换视频播放是一款非常实用的播放代码,点击视频缩略图切换优酷视频播放的视频播放选项卡代码,支持flash视频切换选项卡。 运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的jquery点击缩略图切换视频播放特效代码如下jquer...
本文实例讲述了JS模拟酷狗音乐播放器收缩折叠关闭效果代码。分享给大家供大家参考,具体如下: 这是一款模拟酷狗音乐播放器的关闭特效,采用JavaScript实现,关闭的时候播放界面缩成一条线,然后消失,就像有些电视机突然停电的效果,很有意思的网页动画特效。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-kugou-music-player-style-demo/ 具体代码如下:酷狗音乐播放器的关闭特效,采用JavaScript实现...
各种音乐播放器上都有一个自动滚动播放歌词的功能,当前滚动到的歌词会高亮居中显示,即使歌词被换行也能正常居中,那么这个功能基于JavaScript怎么实现让歌词滚动播放呢?请看下文详解。 一般音乐播放器使用的歌词格式都是lrc,为了方便处理,我们这里使用XML格式的歌词。介绍一个网站:中文歌词库。它提供xml格式的歌词。 我们先来看一下这个例子的最终效果:下面是基于jQuery的具体代码:Player#audio-wrapper{border:1px solid...
本文实例讲述了js实现的万能flv网页播放器代码。分享给大家供大家参考,具体如下:var s5 = new SWFObject("FlvPlayer201002.swf","playlist","300","210","7");s5.addParam("allowfullscreen","true");s5.addVariable("autostart","false");s5.addVariable("image","flash5.jpg");s5.addVariable("file","nobody.flv");s5.addVariable("width","300");s5.addVariable("height","210");s5.write("player5");附: swfobject.js的官方...