Javascript+CSS实现Flash动态新闻效果(pp原创)

/* 图片新闻大小可以更改此样式 */
.pp_portal_imgNews {
position:relative;
text-align:left;
width:250px;
height:190px;
}

.pp_portal_imgNew {
position:absolute;
}

/* 图片样式 */
.pp_portal_imgNew img {
width:100%;
height:165px;
border:0;
}

/* 文字标题样式 */
.pp_portal_imgNew_title {
text-align:center;
margin-top:5px;
}

.pp_portal_imgNew_title a{
display:block;
color:#000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align:center;
}

/* 导航提示位置 */
.pp_portal_navLink {
position:absolute;
display:block;
right:0px;
bottom:5px;
}

/* 导航提示样式(未选择) */
.pp_portal_navLink a {
color:#fff;
text-align:center;
text-decoration: none;
}

.pp_portal_navLink li {
display:inline;
text-align:center;
background-color:#333;
width:15px;
margin-left:1px;
}

var newsNum = 4;
var nn = 1;

function pp_portal_selectPicNew(o) {
for(var i=1; inewsNum) nn=1
//alert(nn);
pp_portal_selectPicNew(nn);
nn++;
}

function pp_portal_picNew_auto() {
pp_portal_picNew_autoTask = setInterval('pp_portal_changePicNew()', 2000);
}
pp_portal_picNew_auto();

图片新闻一

图片新闻二

图片新闻三

图片新闻四

  • 1
  • 2
  • 3
  • 4

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • JavaScript中跨域调用Flash的方法

    要做一个页面上短信息的提示音的功能,本来想用HTML5中Audio+IE下的bgsound来实现,可是发现每种浏览器对Audio的解码类型还不一样,顿时有种崩溃的感觉.没办法还是用Flash稳妥一点吧. 相信JavaScript与Flash交互大家都会有所接触或者有所耳闻.其实我也是第一次整这个玩意.具体的方法就不说了,很多资料. 开始的时候功能都做得差不多了,实现和没问题.可是就是到了最后,将swf文件放到资源服务上后再调用时出来问题,我就想肯定又是让人蛋疼的跨域问题(CrossDomain)

  • 借助JavaScript脚本判断浏览器Flash Player信息的方法

    今天研究了点Flex技术,做了一个小的Demo,在测试时发现经常报错,网上一查发现是浏览器Flash Player版本较低造成(需要10及其以上的版本)的,对此总结了一下借助JavaScript脚本判断浏览器Flash Player信息的方法: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JavaScript判断浏

  • javascript检查浏览器是否支持flash的实现代码

    javascript检查浏览器是否支持flash,程序输出结果: <script> function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (swf) { hasFlash = 1; VSwf = swf.

  • flash javascript之间的通讯方法小结

    不用getURL和fsCommand方法 flash使用的actionscript跟javascript是非常相通的,下面描述如何互相调用函数: 1:javascript调用flash中的函数 在flash的脚本中增加 import flash.external.ExternalInterface; 假定要调用的函数是hello,as代码如下 function hello(){ return "hello"; } ExternalInterface.addCallback("

  • JavaScript flash复制库类 Zero Clipboard

    本文将介绍一个跨浏览器的库类 Zero Clipboard .它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比 IE 的 document.execCommand("Copy") 更加灵活. Zero Clipboard 的实现原理 Zero Clipboard 利用 Flash 进行复制,之前有 Clipboard Copy 解决方案,其利用的是一个隐藏的 Flash.但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪

  • 可控制Flash Player的Javascript方法总结

    可控制Flash Player的Javascript方法: 一览表: Play() ---------------------------------------- 播放动画  StopPlay()------------------------------------停止动画  IsPlaying()----------------------------------- 动画是否正在播放 GotoFrame(frame_number)---------------- 跳转到某帧  TotalF

  • Javascript 判断Flash是否加载完成的代码

    先定义进度条显示层: 复制代码 代码如下: <div><span class="intro">下载进度:</span> <div class="barborder"> <div class="bar" id="loadpercent"></div> </div> </div> 定义广告层: 复制代码 代码如下: <div id

  • javascript获取flash版本号的方法

    本文实例讲述了javascript获取flash版本号的方法.分享给大家供大家参考.具体分析如下: 下面我们来介绍两个js函数判断用户是否安装了flash,如果安装了flash再来获取 flash版本号并且给出提示. 例1 获取各浏览器的版本号,如需获取具体版本号数字 复制代码 代码如下: function flashChecker() {     var hasFlash = 0; //是否安装了flash     var flashVersion = 0; //flash版本     var

  • javascript检测浏览器flash版本的实现代码

    记录: 复制代码 代码如下: (function(){ ver has=0, ver=0; try{ has=new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if(has) { ver = +(has.GetVariable("$version").match(/\d+/)); } } catch(e){ has=navigator.plugins["Shockwave Flash"]; if(has) { v

  • Javascript与flash交互通信基础教程

    下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤 本文讨论了3种基本的Flash/Javascript通信方式: Javascript 到 Flash的通信----使用Flash播放器的javascript方法 Flash 到 Javascript的通信----使用Flash的fscommand Flash 到 Flash的通信----------使用本地连接对象或综合上2种技术 并不是所有的浏览器都很重视脚本.为了和Flash播放器通信,浏览

随机推荐