您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop更新首页flash样式代码示例

碧凡2025-01-14Ecshop商城教程已有人查阅

导读ECSHOP默认的只有几种很普通的FLASH图片切换样式,想不想自己也换一种呢?今天mō索了下,算是弄懂了,和大家分享下

ECSHOP默认的只有几种很普通的FLASH图片切换样式,想不想自己也换一种呢?
今天mō索了下,算是弄懂了,和大家分享下
首先在网上找到你想要的FLASH切换样式【google一下】,把那个SWF文件拷过来
1.首页FLASH样式放在data\flashdata\下,文件夹DEFAULT的即为默认样式,打开它你会发现里面有bcastr.swf【用于FLASH展示时的FLASH背景】cycle_image.js【这个JS文件在页面中写入FLASH】 data.js【这个是调用图片数据文件】 preview.jpg【这个是在后台中的FLASH样式预览图】几个文件
2.现在你可以新建一个文件夹,名字随便,我们取为Demo
然后把DEFAULT里的除了bcastr.swf 和preview.jpg其他文件都拷进来,把你在网上找的那个SWF样式文件拷进来,重命名为bcastr.swf 预览图preview.jpg自己可以随便放一张
现在到后台看下首页广告管理,是否多出了你自己添加的样式呢?我添加的样式是北京2008的样式
3.然后在后台添加自己想要的图片即可,前台刷新,OK。
我们来分析下文件吧。
/*
Flash Name: 2008beijing //在后台预览中会看到的
Description: 北京2008主题
*/
document.write('<div id="flash_cycle_image"></div>'); //写入ID为flash_cycle_image的层
$importjs = (function()
{
var uid = 0;
var curr = 0;
var remove = function(id)
{
var head = document.getElementsByTagName('head')[0];
head.removeChild( document.getElementById('jsInclude_'+id) );
};
return function(file,callback)
{
var callback;
var id = ++uid;
var head = document.getElementsByTagName('head')[0];
var js = document.createElement('script');
js.setAttribute('type','text/javascript');
js.setAttribute('src',file);
js.setAttribute('id','jsInclude_'+id);
if( document.all )
{
js.onreadystatechange = function()
{
if(/(complete|loaded)/.test(this.readyState))
{
try
{
callback(id);remove(id);
}
catch(e)
{
setTimeout(function(){remove(id);include_js(file,callback)},2000);
}
}
};
}
else
{
js.onload = function(){callback(id); remove(id); };
}
head.appendChild(js);
return uid;
};
}
)();
function show_flash()//写出FLASH函数
{
var text_height = 0;
var focus_width = swf_width; //宽
var focus_height = swf_height - text_height; //高
var total_height = focus_height + text_height;
document.getElementById('flash_cycle_image').innerHTML = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+ focus_width +'" height="'+ total_height +'">'+'<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="data/flashdata/demo/demo.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">'+'<param name="menu" value="false"><param name=wmode value="opaque">'+'<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">'+'<embed src="data/flashdata/demo/demo.swf"FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" quality="high" width="'+ focus_width +'" height="'+ total_height +'"allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="" wmode="transparent"/>'+'</object>';
}
$importjs('data/flashdata/demo/data.js', show_flash); //调用data.js文件调出动态图片

本文标签:

很赞哦! ()

相关教程

相关源码

  • (自适应响应式)APP应用程序软件介绍落地页源码免费下载该模板为营销技术从业者设计,提供专业的内容展示平台。采用响应式布局,适配软件介绍、APP推广等营销场景,通过可视化后台可快速搭建符合行业特性的展示网站。查看源码
  • 粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案,基于PbootCMS内核开发,采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码
  • (自适应)蓝色环保科技设备带三级栏目网站模板下载该模板为环保科技企业设计,提供专业的产品展示与技术服务平台。采用响应式布局,适配环保设备、清洁技术等应用场景,通过可视化后台可快速搭建符合行业特性的展示网站。查看源码
  • WordPress个人博客主题 - wp-Concise-v1.0免费下载wp-Concise-v1.0是一款专为个人博客设计的简约风格主题,采用全宽排版设计理念,注重内容呈现效果。该模板适用于个人随笔、技术分享、生活记录等博客场景,帮助用户打造专业的内容展示空间。查看源码
  • (自适应)水墨风中药馆中医名医介绍pbootcms网站模板本模板基于PbootCMS内核开发,为中医馆、中医药企业量身定制,可快速搭建具有传统文化特色的官方网站。自适应手机端设计,数据实时同步,助您高效展示中医特色诊疗、中药产品、养生知识等内容,塑造专业品牌形象。查看源码
  • (自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板,采用响应式设计技术,适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐