`

搜狐博客的Flash广告切换效果

阅读更多
//方法声明
//pics 图片地址串
//links 图片链接串
//adStatic 广告统计信息串
function showFocusImg(pics, links, adStatic) {
    var swf_width=295;
    var swf_height=220;

    document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
    document.write('<param name="movie" value="/javascripts/slider_show/slider.swf"><param name="quality" value="high">');
    document.write('<param name="menu" value="false"><param name="wmode" value="opaque"><param name="allowScriptAccess" value="always">');
    document.write('<param name="FlashVars" value="bcastr_file='+pics+'&bcastr_link='+links+'&adStatic='+adStatic+'">');
    document.write('<embed src="/javascripts/slider_show/slider.swf" wmode="opaque" FlashVars="bcastr_file='+pics+'&bcastr_link='+links+'&adStatic='+adStatic+'&menu=false" quality="high" allowScriptAccess="always"  width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    document.write('</object>');
}
var pics="";
var links="";
var adStatics="";

var len=dataAry.length;
for(var i=0;i<len;i++){
    var splits="|";
    if(i>=len-1){
        splits="";
    }
    pics+=dataAry[i]["pic"]+splits;
    links+=dataAry[i]["tlink"]+splits;
    adStatics+=dataAry[i]["adStatic"]+splits;
}

//方法调用生成焦点图flash
showFocusImg(pics, links, adStatics); 


调用方法:
  <script type="text/javascript">
  var dataAry = new Array();
  
  dataAry.push({
  pic : 'http://192.168.42.7:3000/uploads/spaces/covers/10362/small/space_cover.jpg?1239705639',
  tlink : 'http://www.baidu.com'});

dataAry.push({
  pic : 'http://i6.itc.cn/20090414/173_f8031e5c_3981_4d12_af18_7802cc07f545_0.jpg',
  tlink : 'http://www.baidu.com'});

dataAry.push({
  pic : '/images/a.jpg',
  tlink : 'http://www.baidu.com'});

  </script>
  <%=javascript_include_tag 'slider_show/play' %>
分享到:
评论

相关推荐

    搜狐体育flash焦点图广告代码

    【搜狐体育flash焦点图广告代码】是用于在网站上实现动态焦点图广告效果的一种编程实践。Flash技术在早些年广泛应用于网页设计和互动元素,焦点图广告就是其中一种常见应用,它通常由多张图片轮播展示,吸引用户的...

    搜狐网Flash五屏焦点图广告代码.rar

    2. JavaScript文件:通常命名为`script.js`等,包含了实现焦点图切换效果的具体逻辑,包括动画效果、定时切换、用户交互等功能。 3. CSS文件:可能命名为`styles.css`,负责定义焦点图广告的样式,如图片大小、位置...

    搜狐网Flash五屏焦点图广告代码

    7. `js` - 这可能是一个JavaScript文件夹,包含了与焦点图交互逻辑相关的脚本,例如控制广告切换、响应用户操作等功能。 综上所述,这个压缩包提供了创建一个类似搜狐网Flash五屏焦点图广告的全部资源。开发者可以...

    搜狐体育Flash焦点图广告代码.rar

    【标题】"搜狐体育Flash焦点图广告代码.rar" 提供的是一个用于在网站上实现动态展示广告的解决方案,尤其适用于体育类网站。Flash技术在早期网络应用中广泛用于创建动态、交互式的图形和动画,而焦点图广告是利用...

    搜狐娱乐频道flash焦点图广告.rar

    【标题】"搜狐娱乐频道flash焦点图广告.rar" 指的是一个压缩包文件,其中包含的资源主要用于展示搜狐娱乐频道上的Flash焦点图广告。在早期网页设计中,Flash技术常用于创建动态、吸引人的广告和交互式内容,焦点图...

    搜狐娱乐播报站首页flash广告.rar

    【描述】"搜狐娱乐播报站首页flash广告" 提到的是该压缩文件的内容,即来源于搜狐娱乐播报站点的首页,这部分广告可能是吸引用户关注的重要元素,通常包含精心设计的视觉效果和动态交互,以提升用户体验和品牌曝光度...

    搜狐娱乐频道flash焦点图广告的js广告代码.rar

    【标题】"搜狐娱乐频道flash焦点图广告的js广告代码.rar"所涉及的知识点主要集中在JavaScript(JS)编程和网页动态效果的实现上,特别是焦点图(也称为幻灯片或轮播图)这一常见的网页设计元素。JavaScript是一种...

    JS+Flash广告(2)

    例如,“新浪翻牌flash广告效果”可能就是通过JS来实现翻页动画,使得用户可以通过点击或滑动查看不同的广告内容。JS还可以追踪用户行为,实现广告的个性化展示,如根据用户浏览记录显示相关广告。 4. **BANNER广告...

    JS+Flash广告(3)

    【JS+Flash广告(3)】是一个集合了多种网站广告设计技术的学习资源,主要涉及到JavaScript、Flash以及CSS等技术的应用。这些技术在网页设计中扮演着至关重要的角色,特别是对于创建吸引用户注意力的动态广告和交互式...

    搜狐五屏Flash焦点图广告代码

    【标题】"搜狐五屏Flash焦点图广告代码"是指一种用于网页设计的代码,它能够实现多屏轮播效果,通常被用在广告展示或网站重要内容推荐上。这种技术结合了Flash的动态视觉效果与JavaScript的交互性,使得广告或焦点...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    89:迅雷网七屏flash广告轮换下载 90:奥林匹克运动会焦点广告下载 91:一种选项卡样式广告代码下载 92:网站页首可关闭广告条下载 93:flash无限图片展示广告下载 94:电子杂志首页flash焦点图下载 95:Zcom电子杂志...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    89:迅雷网七屏flash广告轮换下载 90:奥林匹克运动会焦点广告下载 91:一种选项卡样式广告代码下载 92:网站页首可关闭广告条下载 93:flash无限图片展示广告下载 94:电子杂志首页flash焦点图下载 95:Zcom电子杂志...

    Flash焦点图广告代码

    在本案例中,我们仿效了搜狐体育的设计,来创建一个类似的Flash焦点图广告。 首先,`index.html`是网页的主体文件,它包含了页面的基本结构和引用的外部资源。在这个文件中,你可能会看到对JavaScript文件(如`js`...

    搜狐体育焦点图广告Flash代码

    在本例中,轮播特指焦点图广告的自动切换功能,通过Flash实现动态效果,增加用户体验。 2. **广告代码**:广告代码是指将广告植入网页的编程代码,包括HTML、JavaScript或者如本例中的Flash代码。这些代码定义了广告...

    搜狐娱乐Flash大焦点图代码

    【描述】"搜狐娱乐Flash大焦点图代码"描述的是一个具体的编程实现,它利用Flash技术制作出具有动态效果的焦点图,能够自动或手动切换图片,同时可能包含过渡动画、文字介绍和链接等元素,为用户提供一种视觉上的亮点...

    花了N长时间掏了N多各大门户幻灯样式给大家分享【经典收藏】

    搜狐娱乐频道flash焦点图广告 四屏flash图片轮换代码 沪江英语网3图弹性广告展示 淘宝网首页图片浮动代码 拍拍网产品推荐广告轮换 第29届奥林匹克运动会网站焦 POCO网四屏图片轮换广告代码 MSN频道4屏新闻广告效果 ...

    Flex 仿SOHU高清首页图片切换广告 xml配置文件

    为了实现图片的平滑切换效果,Flex中的`mx.transitions`包提供了多种过渡效果和动画类。开发者可能使用`Timeline`或`Tween`类来控制图片切换的动画效果,例如淡入淡出、滑动等。 5. **事件处理**: Flex事件模型...

    flash教学课件1.ppt

    - 推荐的优秀Flash网站有:搜狐动漫频道、Flash动画城、动漫世纪、网易Flash欣赏站、闪客天地、闪吧、闪客帝国以及Macromedia官方中文网站,这些平台提供了丰富的Flash作品供用户欣赏。 2. **欣赏Flash作品** - ...

    搜狐图片频道焦点图代码

    总的来说,"搜狐图片频道焦点图代码"是一个关于网页设计的实践案例,涉及到轮播图的实现、广告展示、以及基于Flash的交互效果。随着技术的发展,现在的焦点图代码更倾向于使用HTML5、CSS3和JavaScript,提供更好的跨...

Global site tag (gtag.js) - Google Analytics