一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果。代码简洁明了,兼容ie、firefox和google浏览器。分享代码如下:<!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="te...
这篇文章主要介绍了使用JS和canvas实现gif动图的停止和播放代码,非常具有实用价值,需要的朋友可以参考下HTML5 canvas可以读取图片信息,绘制当前图片。于是可以实现图片马赛克,模糊,色值过滤等很多图片特效。我们这里不用那么复杂,只要读取我们的图片,重绘下就可以。HTML代码:<img id="testImg" src="xxx.gif" width="224" height="126"> <p><input type="button" id="testBtn" value="停止"></p>JS代码:if (getContext in...
你是否遇到过在使用kindeditor编辑器,后台传视频前台无法播放的问题,那是浏览器无法兼容导致的。ie8不支持embed标签,下面介绍我的经验总结,在前台使用jquery替换掉原来的html5标签,让它变成使用传统的flash播放。代码如下:ie兼容性----if(!!window.ActiveXObject || "ActiveXObject" in window){//ie8兼容性 deconcept.SWFObject.prototype.write=function(_20){ if(this.getAttribute("useExpressInstall")){ var _21=new d...
详细参数可查询MSDNhttp://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.aspvar state; //初始化function playerinit(){ player.url="mp3.m3u"; player.settings.autoStart = false ;} //播放function play(){ if (player.controls.isavailable('play')) { player.controls.play(); state=setInterval("updatetime()",1000); playerinfo.innerHTML = "播放"; }} //暂停function p...
代码如下:// JavaScript Document var cookiestr; var TotalSongs; //插入歌曲列表入口函数 function Insertsong(songstr){ var tstr; tstr = songstr.split("|"); if(tstr.length == 5){ if (cookiestr == null) cookiestr = songstr; else cookiestr = cookiestr + "###" + songstr; InitList(); } } //容错代码 function killerror() {return true;} ...
代码如下: 52515.net上传程序 body,td,th { font-size: 14px; color: #FFFFFF; } INPUT { BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px } .style1 { font-size: 36px; font-family: "隶书"; } body { background-color: #000000; } a:link { color: #FFFFFF; text-decoration: none; } a:visited { c...
该播放器类似框架式的~设置在页面底部~即使查看网页的另一个页面,歌曲也不会因为刷新而停止并重新播放~播放器样式是防apple的~粉红色~你也可以自己制作一个播放器~具体设置,下载文件夹里都有了~使用方法呢~最好将文件夹里的所有文件传到根目录~不要放在文件夹里,然后将你所在的服务器的默认首页改为index.html 不过个人觉得,也许会妨碍页面访问速度哦~!自己试试看吧,另外,在你退出后台的时候,再次回到页面就不是index首页啦...
JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便很多大站上都有的JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便! 生成幻灯片式的网页图片效果演示 生成幻灯片式的网页图片效果演示 // 幻灯片式的网页图片滚动函数(不需要做任何改动) // 本程序由广州房产网整理,欢迎转载及提意见,版权没有 function roll_pic_flash(roll_pic_ary) { // 生成幻灯片式的网页图片滚动代码 var w ...
详细参数可查询MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp var state; //初始化 function playerinit() { player.url="mp3.m3u"; player.settings.autoStart = false ; } //播放 function play() { if (player.controls.isavailable('play')) { player.controls.play(); state=setInterval("updatetime()",1000); playerinfo.innerHTML = "播放"; ...
swissarmy.js 代码如下:////NO need to edit ///////////// //more javascript from http://www.smallrain.net function preloadctrl(im){ if (typeof im==string){ var imo=new Image(); imo.src=im; } } if(document.images&&typeof preload_ctrl_images!=undefined&&preload_ctrl_images){ var ctrlimgs=[previmg, stopimg, playimg, nextimg] for (var i_tem = 0; i_tem < ctrlimgs.length; i_tem++) if (ctrlimgs[i_tem]) pre...
支持lrc歌词,IE only 代码未加密且有详细注释,希望对做音乐页面的朋友有帮助。 如果大家还有什么好多播放器,告诉我,我好参考学习一下。 本播放器特点: 1、歌曲地址及歌词地址均在通用的xml文件中,更新、修改方便。 2、歌词通过xmlhttp异步获取,不会阻塞假死。 3、不管lrc层大小、位置如何设置,歌词始终在正中。 不足: 1、歌词过度没有平滑效果,是直接到达的。 2、由于现在ff,op在客户端不能用js控制改变歌曲地址,所以没...
核心代码 代码如下:function slide(src,link,text,target,attr,desc) { this.desc = desc this.src = src; this.link = link; this.text = text; this.target = target; this.attr = attr; if (document.images) { this.image = new Image(); } this.loaded = false; this.load = function() { if (!document.images) { return; } if (!this.loaded) { this.image.src = this.src; th...
图片播放器_图片轮换_焦点效果 #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:absolute; width:75px; height:300px; right:3px; top:0;} .f_img_tree div{position:absolute; z-index:201; top:3px; right:0; width:75px; heigh...
要完成此效果把如下代码加入到区域中 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可控制渐隐渐现: Previous Next Play Stop function tM(Message) { $("testMessage").innerHTML=Message } function dR(topr) { document.write(topr) } function $(eleId) {return document.getElementById(eleId)} //预载图片 var imasrc=new Array("http://img.jb51.net/online/slide/10254068.jpg" ,"http://img.jb51.net/online/slide/10254629.jpg" ,"http...