一、prettyPhoto简介prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义prettyPhoto。目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6。 prettyPhoto插件的项目地址:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 建...
本文实例讲述了基于js与flash实现的网站flv视频播放插件代码。分享给大家供大家参考。 具体实现代码如下:代码如下:<!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=utf-8" /> <title>网站 flv 视频播放插件(javascript,flash)...
最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!代码如下: <div class="report" id="play-product" style="cursor: pointer" data-flv="视频路径地址"></div> <script type="text/javascript"> //播放视频 $(#play-product).click(function(){ var flvUrl = $(this).attr(data-flv); var Close = closePlayer; var box = playerBox; var objclose = "#"+Close; var objBox ...
代码如下:<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ //这里参考了以下两个站点的介绍 //http://www.w3school.com.cn/html/html_audio.asp //http://www.zhanxin.info/development/2013-05-17-html5-audio.html if($.browser.msie && $.browser.version==8.0){ //本来这里用的是<bgsound src="system.wav"/>,结果IE8不播放声音,于是换成了embed $(#newMe...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>auto play</title> <script type="text/javascript" src="../jquery-1.8.0.min.js" /></script> <script type="text/javascript"> //数组的第一项为时长,其他项可自定义 data = [["3...
1,在页面添加下面的元素。展示出置出图片文件列表文件。 代码如下:<select id="img_date" style="width: 100%; margin-top: 10px; height: 50%;" size="20"> <option value="图片的url">图片名字</option> </select> 2,播放文件列表的方法。主要是遍历文件列表并把图片展示在相应的图片容器就可以显示出幻灯片的效果。 可以用延时的方法调用遍历方法:window.setInterval("PlayPics()", speed); 代码如下:/** * 播放图片的处理...
幻灯片自动播放图片是当前网站比较流行的一个展示方式。在网上我们能找到各种特效丰富的幻灯片插件和代码。这里项目需要,我自己做了一个简单的,就不详细讲解了,代码很简单。直接看效果图和代码吧。 所有代码 ppt.html,需要提供相应图片才能显示: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content...
代码如下:<!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> <title>SwfObject2.2Demo</title> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> var flashvars = { }; var params = { wmode: "transparent" }; var attributes = {}; swfobject.emb...
最近在帮别人改一些东西,在网上找了好久,但是没有相同的,自己改了下,拿出来分享下: 先展示下效果把: index.html 页面展示代码 代码如下:<!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=utf-8" /> <title></title> <LINK href...
本示例使用Jquery实现视频播放页面的关灯开灯效果。其中视频显示使用embed 元素,该元素是html5的元素,所以使用支持html5的浏览器效果会更好。 效果预览网址:http://www.keleyi.com/keleyi/phtml/guandeng/ 完整代码: 代码如下:<!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> <title>张国...
晚上要考软件工程,实在不想复习。写个播放器吧,这个只是个用来学习的小Demo,众多不完善之处,下面贴出源代码,如果要转载,请加上版权声明PS:因为Ajax涉及到跨域获取天气信息,有两个版本,一个是直接跨域,IE10支持,其他的浏览器要改配置。另一个是服务器端的weather.php,获取天气信息返回json。 weather.php就不写了,里面的对应路径存放对应的文件 演示地址: http://569375.ichengyun.net/fm/ 实现功能:音乐播放,进度调节...
代码如下:<!DOCTYPE html > <html> <head> <meta content="text/html; charset=utf-8" /> <title>图片左右间隔滚动Jquery特效</title> <style type="text/css"> *{ margin:0px; padding:0px; font-size:12px;} a{ text-decoration:none; font-size:12px;} a:link{color:#383455;font-size:12px;} a:hover{color:#ff0000;font-size:12px;} a:visited{color:#383455;font-size:12px;} img{ border:none;} .hl_main5_content{width:89...
用js播放.wav文件 代码如下:<html> <head> <script language="javascript"> function playSound(id) { var node=document.getElementById(id); if(node!=null) { node.Play(); } } </script> </head> <body> <embed name="3_devUnknown" id="3_devUnknown" src="music.wav" type="audio/x-wav" hidden="true" autostart="false" loop="false"/><a onclick="javascript:playSound(3_devUnknown)" href="#">music.wav</embed/> </bo...
本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究。废话不多说了,直接上这些插件。 1、3D轮播相册 这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦。 演示 下载2、jQuery手风琴效果图片播放器 这款播放器的特点是右侧有一个手风琴式的菜单,而且图片切换十分流畅。 演示 下载3、流水线效果图片组切换 这款jQuery插件按一组来切换图片...
demo01.html 代码如下:<!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=utf-8" /> <title>手动滚动图片</title> <style type="text/css"> ul,li{margin:0;padding:0} img{border:0px;} #container{padding:40px;} #showArea img{...