首页 > 代码库 > 能在手机播放的Flash代码
能在手机播放的Flash代码
有些使用Flash的广告图片变换代码在手机不支持,在网上搜到了一个解决的方法:
Flash嵌入处:
<iframe style="width:474px;height:276px; border:0;" scrolling="no" src="flash.htm" ></iframe>
flash.htm:
<!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></title> <link type="text/css" href="css/kszcy.css" rel="Stylesheet"/> <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="js/jquery.myFocus_kszc.js"></script> <script type="text/javascript"> //------------判断浏览器----------- var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; //------------判断浏览器----------- $(function () { try { if (Sys.ie) { $("#flashbody").css("margin-top", "-4").css("margin-left", "-4"); } else { } } catch (e) { } }); </script></head><body id="flashbody" style="margin-top:0px; margin-left:0px;"> <div id="formAd"> <ul> <li><a target="_blank" href=‘#‘><img src="flash/1.jpg" alt="" /></a></li> <li><a target="_blank" href=‘#‘><img src="flash/2.jpg" alt="" /></a></li> <li><a target="_blank" href=‘#‘><img src="flash/3.jpg" alt="" /></a></li> <li><a target="_blank" href=‘#‘><img src="flash/4.jpg" alt="" /></a></li> <li><a target="_blank" href="http://www.pp6.cn/Games/GamesDetail.aspx?ID=6"><img src="flash/5.jpg" alt="" /></a></li> <li><a target="_blank" href="http://www.pp6.cn/Games/GamesDetail.aspx?ID=5"><img src="flash/6.jpg" alt="" /></a></li> <li><a target="_blank" href="http://www.pp6.cn/Games/GamesDetail.aspx?ID=4"><img src="flash/7.jpg" alt="" /></a></li> <li><a target="_blank" href="http://www.pp6.cn/Games/GamesDetail.aspx?ID=7"><img src="flash/8.jpg" alt="" /></a></li> </ul> </div></body></html>
kszcy.css:
/* 由开发人员工具生成。它可能不是原始源文件的准确表示形式。*/#formAd UL { MARGIN: 0px; padding:0px;} #formAdLI { MARGIN: 0px; padding:0px;}#formAd A { COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none}#formAd A:hover { COLOR: #fff9a0}#formAd IMG { VERTICAL-ALIGN:middle;}#formAd { WIDTH: 474px; HEIGHT: 276px; OVERFLOW: hidden;}#formAd LI { WIDTH: 474px; DISPLAY: inline; FLOAT: left; HEIGHT: 276px; OVERFLOW: hidden}#formAd LI IMG { WIDTH: 474px; HEIGHT: 276px}.focusNum { POSITION: absolute; top:250px; left:370px}.focusNum SPAN { TEXT-ALIGN: center; LINE-HEIGHT: 18px; BACKGROUND-COLOR: #b7d8ff; MARGIN: 0px 3px; WIDTH: 18px; DISPLAY: inline-block; HEIGHT: 18px; CURSOR: pointer}.focusNum SPAN.curr { BACKGROUND-COLOR: #3086eb; COLOR: #ffffff}.focusTit { DISPLAY: none}
jquery.myFocus_kszc.js:
(function($) { $.fn.myFocus = function(options) { //默认配置 var defaults = { width:474, height:276, animation:"defaults", times:5000 }; // 覆盖默认配置 var opts = $.extend(defaults, options); var setId=[]; //开始 this.each(function(i){ var $this=$(this) ,$list=$this.find("ul > li") ,$ul=$this.find("ul") ,imgnum=$list.size() ,firstTxt=$list.eq(0).find("a").attr("title") ,tab; //显示tab和title tab="<div class=‘focusNum‘>"; for(var i=0;i<imgnum;i++){ if(i==0){ tab+="<span href=http://www.mamicode.com/‘#‘ class=‘curr‘>"+(i+1)+"</span>"; }else{ tab+="<span href=http://www.mamicode.com/‘#‘>"+(i+1)+"</span>"; } } tab+="</div>"; $this .append(tab) .append($("<p class=‘focusTit‘>"+firstTxt+"</p>")) //设置宽度和高度 .css({width:opts.width,height:opts.height}) .find("ul") .css({width:opts.width*imgnum,height:opts.height}) .find("li") .css({width:opts.width,height:opts.height}); $list.each(function(index){ $(this).data("index",index); }); $this.data("currFocus",0); //声明动画函数 function move(){ setId[i]=setInterval(function(){ $.fn.myFocus.animation[opts.animation]($this,opts); },opts.times); } //开始动画 move(); var $tab=$this.find("div > span") ,$title=$this.find("p"); //鼠标经过tab $tab.hover(function(){ clearInterval(setId[i]); var index=$tab.index($(this)); $this.data("currFocus",index); $ul.stop(true,true).animate({ "margin-left":-opts.width*index },500); $tab.removeClass("curr"); $(this).addClass("curr"); var currList=$list.eq(index); $title.text(currList.find("a").attr("title")); },function(){ move(); }); //鼠标经过图片 $ul.hover(function(){ clearInterval(setId[i]); },function(){ move(); }); }); }; //动画函数------- $.fn.myFocus.animation={ defaults:function($this,opts){ var $ul=$this.find("ul") ,_this=this ,$list=$this.find("ul>li") ,$tab=$this.find("div > span") ,$title=$this.find("p") ,imgNum=$list.size() ,curtab=$this.data("currFocus"); if(curtab<imgNum-1){ $this.data("currFocus",curtab+1); $ul.animate({ "margin-left": ‘-=‘+opts.width },500); }else{ curtab=-1; $ul.animate({ "margin-left": ‘0px‘ },500,function(){ $this.data("currFocus",0); }); } //更改标题和tab var currList=$list.eq(curtab+1); $title.text(currList.find("a").attr("title")); index=currList.data("index"); //图片过渡效果// currList.animate({// opacity: 0.25// },500, function() {// $(this).fadeTo(‘slow‘,1);// }); $tab.removeClass("curr") .eq(index) .addClass("curr"); } }; })(jQuery); $(function(){ $("#formAd").myFocus({ width: 474, height: 276, times: 3000 });});
能在手机播放的Flash代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。