给大家吧,做在线听歌时,少不了他们的,由于用到了外部的jquery.js文件,所以运行代码后请重新刷新页面生效! 听歌 $(function(){ $("#surl").bind("click",function(){ $("#surl").attr("disabled",true); var song = encodeURI($("#kw").val()); song = encodeURI(song); var str = ""; $.getJSON("http://www.faqee.com/crm/song?act=songurl&song="+song+"&jsoncallback=?", function(json){ $.each(json,function(i,n){ n = ...
无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;height:250px} .photo ul li {float:left;list-style-type:none;width:140px;height:135px} .photo ul li img {width:130px;height:115px;border:1px solid #...
Js代码如下: 代码如下: function play() { //注意文件路径,且文件大小一般10kb以内 document.all.bgs.src="Notify.wav"; } 在 内加 脚本之家 搞定!JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美解决axios在ie...
这是一款基于HTML5的焦点图动画,它和其他焦点图不同的地方在于,它播放的不仅仅是图片,而是可以自定义控制的网页元素。它不仅在图片间切换有过渡动画效果,而且在切换时图片中的元素也将出现动画效果,比如图中的文字移动、打散、重新组合等,这款HTML5动画图片播放器算得上是高端大气上档次。 效果图:HTML代码SmartSite Ver 2.2智能网站管理系统 采用前后台完全分离技术,通过标签(支持标签循环嵌套、判断标签、自定义标签、文...
一、准备数据库首先,我们设计MYSQL数据库如下:CREATE TABLE `songs` (`song_id` int(11) NOT NULL AUTO_INCREMENT,`url` varchar(500) NOT NULL,`artist` varchar(250) NOT NULL,`title` varchar(250) NOT NULL,PRIMARY KEY (`song_id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;这里,url字段表示是mp3音乐的存放地址,artist是歌曲的演唱者,title是歌曲的名称。我们再加入一些样例数据,如下:INSERT INTO `...
jPlayer简介: 想在网页上播放背景音乐,不想用html标签的方式,因为那样只有音乐全部下载完以后才能播放,还容易出现跨浏览器兼容性的问题,于是选了一款基于jQuery的播放器jPlayer来做。 设置jPlayer的尺寸大小 使用构造函数配置jPlayer({size:Object})设置jPlayer的高宽。 使用构造函数配置jPlayer({sizeFull:Object})设置全屏尺寸。 注意可通过构造函数配置jPlayer({backgroundColor:"#RRGGBB"})设置jPlayer背景颜色。 Flash 安...
代码较最基础的播放器实现增加了playlist,使用MakeList实现多首播放,有需要的可以直接使用:Untitled Page/************************************************************* LovelyLife Player V1.0 Edited By LovelyLife At 2006-09-16 All rights reservered Code Start Modify by http://www.tt419.cn/ *************************************************************/ var playid = "LovelyLifePlayer" var status = "stat...
本文为大家分享了jQuery实现的音乐播放试听列表,可以实现播放,暂停,自动获取音频路径功能,具体内容如下 1.html文件 音乐播放试听列表你的浏览器不支持音频播放MusicNAME1MusicNAME2MusicNAME3MusicNAME4MusicNAME5 2.run.js// // @author FUCMLIF // @date 2016/4/6 // jQuery("a.user_doplay").click(function(){var x = document.getElementById("myAudio");if (x.paused) {jQuery("a.user_doplay").find('img')...
使用方法:把代码添加到模板中,或者像我一样,放到广告代码中进行调用。注意修改swf文件和mp3文件路径。如需自动开始并循环播放,请添加代码 &autostart=1&autoreplay=1 ,如"mp3=http://www.x.com/x.mp3&autostart=1&autoreplay=1"。1、stream[135x50] 代码如下: 2、Mini[150x20] 代码如下: 3、Classic[200x20]代码如下: 4、Multi[240x20]代码如下: 5、Multi Rect[240x20]代码如下: 6、Bubble[250x65]代码如下: ...
效果图:实现代码: 代码如下: Jquery 自动轮播效果 .spanhide{display: none;} #top a:hover{color: red;} 1 2 3 4 5 $(function(){ var i = 0; var f = 0; var t; var tops = $("#top a"); var tl = tops.length; var bodys = $("#tbody span"); tops.mouseover(function(){ i = $.inArray(this,tops); bodys.hide().eq(i).show(); i++; i = i>=tl?0:i; if (f == 1) { t = setTimeout(mmover,2000);...
代码如下:var _WName = dotopAlert; //窗口ID var _Lastver = 1;//远程版本号 var _Timespan = 1;//COOKIE时间:小时 var _Alertimg = "http://www.**.com/js/ads/alert.png";//图片地址 var _WUrl = http://**.com/**.exe;//下载地址 function $(id){ return "string" == typeof id ? document.getElementById(id) : id; }; var dCookie={} dCookie.set =function(name, value, expiresd, path, domain, secure) { var ex...
使用jquery mobile,可以很容易实现幻灯播放效果,下面讲解下。 1、引入相关的jqury mobile类库 代码如下: jQuery Mobile Presentation 2、每个需要播放幻灯片的页面基本结构 代码如下: Slide 1 3、接下来是每个幻灯片之间的来回导航了,代码为: 代码如下: var changeSlide = function(toSlide){ if(toSlide.length) $.mobile.changePage( toSlide, { transition: toSlide.jqmData('transition') } ); }; // ...
demo04.html 代码如下: 手动滚动图片 ul,li{margin:0;padding:0} img{border:0px;} #container{padding:40px;} #showArea img{width:700px;} a{text-decoration:none;border:0px;} #scrollDiv{border:#ccc 1px solid;} #scrollDiv li{background:#A83;} $(document).ready(function(){ $.manualScroll({ objId:"scrollDiv", showArea:"showArea", showTitle: true, height:105, width:140, line:5, speed:1000 }); }); ...
demo01.html 代码如下: 手动滚动图片 ul,li{margin:0;padding:0} img{border:0px;} #container{padding:40px;} #showArea img{width:700px;} a{text-decoration:none;border:0px;} #scrollDiv{border:#ccc 1px solid;} #scrollDiv li{background:#A83;} $(document).ready(function(){ $.imgfocus({ objId:"scrollDiv", showTitle: true, height:210, width:280, speed:1000 }); }); imgfocus-0.1.0.j...
本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究。废话不多说了,直接上这些插件。 1、3D轮播相册 这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦。 演示 下载2、jQuery手风琴效果图片播放器 这款播放器的特点是右侧有一个手风琴式的菜单,而且图片切换十分流畅。 演示 下载3、流水线效果图片组切换 这款jQuery插件按一组来切换图片...