Bcastr3.0详细使用教程

Bcastr 3.0 beta flash 通用的图片浏览器

bcastr3.0 beta 是一款通用的图片浏览器

可以用于各种新闻系统或者blog系统

下载地址

http://www.120muban.com/demo/bcastr3/bcastr3.zip

.可以读取xml设置播放列表,自定义xml地址

.可以将图片地址直接写网页中直接,不需要xml

.自动适应图片大小

.循环播放，自定义自动播放时间

.不限制图片数量

.自定义尺寸,自动适应任何比例，图片不变形

.自定义图片题目（可选）

.浏览过程中下载

.自定义图片连接（可选）

.自定界面色彩放案

3.0新增特点

.图片自动抗锯齿，效果更佳

.3种文字位置设定

.4种图片过渡效果，过渡更自然，

.可定义是否显示按钮，更适合做广告条

.可定义是否在心窗后中打开连接

.自定义尺寸,自动适应任何比例，图片不变形

.自定义图片题目（可选）

.浏览过程中下载

.自定义图片连接（可选）

.自定界面色彩放案

Bcastr 3.0三种使用方法

方法一，直接copy下面代码，修改其中的 swf_width，swf_height，files，links，texts 参数

复制代码代码如下:

var swf_width=600

var swf_height=380

var files='http://www.120muban.com/demo/bcastr3/images/1.jpg|http://www.120muban.com/demo/bcastr3/images/2.jpg|http://www.120muban.com/demo/bcastr3/images/3.jpg'

var links='http://www.120muban.com|http://www.120muban.com|http://www.120muban.com'

var texts='第一张图|第二张图|第三张图'

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="http://www.120muban.com/demo/bcastr3/bcastr3.swf"><param name="quality" value="high">');

document.write('<param name="menu" value="false"><param name=wmode value="opaque">');

document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');

document.write('<embed src="http://www.120muban.com/demo/bcastr3/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');

</script>

代码一效果

方法二，直接嵌入地址

复制代码代码如下:

</object>

代码二效果

其中

bcastr_file=1.jpg|2.jpg|3.jpg 是图片地址，用"|"符号分开

bcastr_link=http://www.baidu.com|http://www.nba.com|http://www.ruochi.com 是图片对应连接地址，用"|"符号分开

bcastr_title=百度|NBA|Ruochi.com 是图片对应标题，用"|"符号分开

注意其中的&连接符

方法三，使用xml地址

复制代码代码如下:

</object>

代码三效果

修改上方2个bcastr_xml_url=http://www.120muban.com/demo/bcastr3/bcastr.xml地址即可

xml内容

item_url="pic/Maradona.jpg" 图片地址

link="http://www.google.com" 图片点击后不填写就不可点击连接

itemtitle="马拉多纳受邀解说世界杯" 图片题目

高级设置

颜色都以0x开始16进制数字表示

文字颜色：题目文字的颜色

文字位置：0表示题目文字在顶端，1表示文字在底部，2表示文字在顶端

文字背景透明度：0-100值，0表示全部透明

按键文字颜色：按键数字颜色

按键默认颜色：按键默认的颜色

按键当前颜色：当前图片按键颜色

自动播放时间：单位是秒

图片过渡效果：0，表示亮度过渡，1表示透明度过渡，2表示模糊过渡，3表示运动模糊过渡

是否显示按钮：0，表示隐藏按键部分，更适合做广告挑轮换

影片自动播放参数：0表示不自动播放，1表示自动播放

影片连续播放参数：0表示不连续播放，1表示连续循环播

默认音量参数：0-100 的数值，设置影片开始默认音量大小

控制栏位置参数：0表示在影片上浮动显示，1表示在影片下方显示

控制栏显示参数：0表示不显示；1表示一直显示；2表示鼠标悬停时显示；3表示开始不显示，鼠标悬停后显示

打开窗口：_blank表示新窗口打开。_self表示在当前窗口打开

复制代码代码如下:

</object>

代码四效果

Microsoft? 新近发布了一项 Internet Explorer 更新，

更改了 Internet Explorer 对于使用交互式控件的 Web 页面的处理方式。

交互式控件是提供用户界面的 ActiveX 控件。

当 Web 页使用 APPLET、EMBED 或 OBJECT 元素加载 ActiveX 控件时，

用户必须先激活它才能显示控件的用户界面。如果页面使用这些元素加载多个控件，

则必须逐一激活每个交互式控件。

为此，某些 Web 页（包括默认 Flash Player Web 页）可能需要用户通过单击控件或使用 Tab 和 Enter 键手动激活 ActiveX 控件。

有关此更改的详细信息，请参见 Microsoft Web 站点，

网址是：http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/activating_activex.asp。

为避免出现用户必须首先激活 Flash Player，才能与 Flash 内容交互的情况，

参看 " 不需要激活的样板.htm "

使用条款:

本软件完全免费,甚至可用作商业用途。

但不可对本软件进行反编译,修改和再次分发。

提供付费的个性化修改服务

有任何建议,可以发到:

http://www.ruochi.com/guest_book/

或者 ruochi_com@163.com

Created By Ruochi.com

http://www.Ruochi.com

2006-7-6

<title>Bcastr3.0详细使用教程</title>
<script type="text/javascript">

var swf_width=600

var swf_height=380

var files='http://www.120muban.com/demo/bcastr3/images/1.jpg|http://www.120muban.com/demo/bcastr3/images/2.jpg|http://www.120muban.com/demo/bcastr3/images/3.jpg'

var links='http://www.120mubancom|http://www.120mubancom|http://www.120mubancom'

var texts='第一张图|第二张图|第三张图'

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="http://www.120muban.com/demo/bcastr3/bcastr3.swf"><param name="quality" value="high">');

document.write('<param name="menu" value="false"><param name=wmode value="opaque">');

document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');

document.write('<embed src="http://www.120muban.com/demo/bcastr3/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); 

</script>

JS cookie操作函数
JS cookie操作函数，Cookie增加，读取，删除。复制代码代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;
JS 文本框默认提示信息点击清空
JS 文本框默认提示信息点击清空，关键的代码。复制代码代码如下: onfocus=if(this.value==this.defaultValue){this.value=;}; onblur=if(this.value==){this.value=this.defaultValue;} type=text 效果截图:
从腾讯网提取的判断手机端访问跳转代码
从腾讯网提取的判断手机端访问跳转代码，使用了一个正则表达式来判断浏览器的navigator.userAgent标志，来确认访问终端，从而做出相应的操作。代码简单，注释详细，容易理解。复制代码代码如下: script type=text/javascript if(/Android|Windows Phone|w
QQ添加好友代码
QQ添加好友代码复制代码代码如下: a href=tencent://AddContact/?fromId=50fromSubId=1subcmd=alluin=12345678加个好友吧/a
JS实现百叶窗效果
JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到

随机推荐

JS cookie操作函数
JS cookie操作函数，Cookie增加，读取，删除。复制代码代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;
JS 文本框默认提示信息点击清空
JS 文本框默认提示信息点击清空，关键的代码。复制代码代码如下: onfocus=if(this.value==this.defaultValue){this.value=;}; onblur=if(this.value==){this.value=this.defaultValue;} type=text 效果截图:
从腾讯网提取的判断手机端访问跳转代码
从腾讯网提取的判断手机端访问跳转代码，使用了一个正则表达式来判断浏览器的navigator.userAgent标志，来确认访问终端，从而做出相应的操作。代码简单，注释详细，容易理解。复制代码代码如下: script type=text/javascript if(/Android|Windows Phone|w
QQ添加好友代码
QQ添加好友代码复制代码代码如下: a href=tencent://AddContact/?fromId=50fromSubId=1subcmd=alluin=12345678加个好友吧/a
JS实现百叶窗效果
JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到

Bcastr3.0详细使用教程

相关文章

随机推荐