能在手机播放的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='#' class='curr'>"+(i+1)+"</span>";
}else{
tab+="<span href='#'>"+(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代码的更多相关文章
- Html页面插入flash代码
转自:http://www.educity.cn/jianzhan/402117.html 转自:http://www.cnblogs.com/yxc_fj/articles/1390621.html ...
- 纯css3手机页面图标样式代码
全部图标:http://hovertree.com/texiao/css/19/ 先看效果: 或者点这里:http://hovertree.com/texiao/css/19/hoverkico.ht ...
- Android手机播放电脑视频文件-屌丝必备
今天早上一到办公室,照常打开博客园看文章,看到有一片文章是用 http://www.cnblogs.com/wdfrog/p/3738180.html 看到这哥们实现的方法好复杂,又是配置电脑端,又 ...
- 基于jQuery虾米音乐播放器样式代码
分享一款基于jQuery虾米音乐播放器样式代码.这是一款基于jquery+html5实现的虾米音乐播放器源码下载.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div c ...
- html5播放mp4视频代码
1.nginx支持flv和mp4格式播放 默认yum安装nginx centos7安装nginx时候应该是默认安装nginx_mod_h264_streaming模块的 # nginx -V查看是否安 ...
- EasyDarwin开源手机直播方案：EasyPusher手机直播推送,EasyDarwin流媒体服务器,EasyPlayer手机播放器
在不断进行EasyDarwin开源流媒体服务器的功能和性能完善的同时,我们也配套实现了目前在安防和移动互联网行业比较火热的移动端手机直播方案,主要就是我们的 EasyPusher直播推送项目 和 Ea ...
- EasyDarwin开源手机直播方案：EasyPusher手机直播推送,EasyDarwin流媒体server,EasyPlayer手机播放器
在不断进行EasyDarwin开源流媒体server的功能和性能完好的同一时候,我们也配套实现了眼下在安防和移动互联网行业比較火热的移动端手机直播方案,主要就是我们的 EasyPusher直播推送项目 ...
- zepto手机拼音字母城市选择器代码
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content ...
- Android WebView播放视频flash(判断是否安装flash插件)
Android WebView播放flash(判断是否安装flash插件) 最近帮一个同学做一个项目,断断续续的一些知识点记录一下.一个页面中有一个WebView,用来播放swf,如果系统中未安装f ...
随机推荐
- flash bulider 生成app无法安装在xcode模拟器上
使用flash bulider开发app在ios模拟器上运行,出现以下错误 错误提示是isb与当前设备的osx不符合.当前使用airsdk版本是4.0,xcode5.1.1. 查看了air13sdk的 ...
- iphone Dev 开发实例8: Parsing an RSS Feed Using NSXMLParser
From : http://useyourloaf.com/blog/2010/10/16/parsing-an-rss-feed-using-nsxmlparser.html Structure o ...
- iphone dev 入门实例4:CoreData入门
The iPhone Core Data Example Application The application developed in this chapter will take the for ...
- adb 工具学习
adb (android debug bridge)简单介绍: 1.adb 是 Android SDK中所带工具.使用adb,可以在PC上操作Android设备或者模拟器 2.主要功能有: 将本地ap ...
- [物理学与PDEs]第5章习题参考解答
[物理学与PDEs]第5章习题1 矩阵的极分解 [物理学与PDEs]第5章习题2 Jacobian 的物质导数 [物理学与PDEs]第5章习题3 第二 Piola 应力张量的对称性 [物理学与PDEs ...
- 编译器错误消息: CS0234: 命名空间“Purple”中不存在类型或命名空间名称“Model”(是否缺少程序集引用?)
编译错误 “/storeimg”应用程序中的服务器错误. 编译错误 说明: 在编译向该请求提供服务所需资源的过程中出现错误.请检查下列特定错误详细信息并适当地修改源代码. 编译器错误消息: CS023 ...
- Laravel 部署安装到虚拟主机的方法(折腾了一周，终于成功部署，原来是虚拟机不加载.env,谢谢莫回首http://lxl520.com/index.php/archives/88/！)
作者:莫回首链接:https://www.zhihu.com/question/35497879/answer/111241182来源:知乎著作权归作者所有,转载请联系作者获得授权. 序 lara ...
- Java中的注解是如何工作的？--annotation学习一
自Java5.0版本引入注解之后,它就成为了Java平台中非常重要的一部分.开发过程中,我们也时常在应用代码中会看到诸如@Override,@Deprecated这样的注解.这篇文章中,我将向大家讲述 ...
- ruby4种比较符号
The == comparison checks whether two values are equal eql? checks if two values are equal and of the ...
- win10安装软件被阻止后
以管理员身份运行CMD,然后在cmd里执行就可以了.