如何在运行时调整swf的大小以使浏览器创建html滚动条？

在运行时调整 SWF（Shockwave Flash）的大小以使浏览器创建 HTML 滚动条，可以通过以下方法实现：

使用 JavaScript 动态调整 SWF 的大小。

在 HTML 页面中，将 SWF 文件嵌入到一个 HTML 元素中，例如一个 <div> 元素。然后，使用 JavaScript 动态调整 <div> 元素的大小，以便在运行时调整 SWF 的大小。

例如：

<div id="swfContainer">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="mySwf">
   <param name="movie" value="mySwf.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="opaque" />
   <param name="swfversion" value="11.0.0.0" />
   <param name="expressinstall" value="Scripts/expressInstall.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="allowScriptAccess" value="always" />
   <embed src="mySwf.swf" quality="high" width="100%" height="100%" name="mySwf" wmode="opaque" swfversion="11.0.0.0" expressinstall="Scripts/expressInstall.swf" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  </object>
</div>

然后，使用 JavaScript 动态调整 swfContainer 元素的大小：

document.getElementById('swfContainer').style.width = '500px';
document.getElementById('swfContainer').style.height = '500px';

使用 CSS 设置 SWF 的大小。

在 HTML 页面中，将 SWF 文件嵌入到一个 HTML 元素中，例如一个 <div> 元素。然后，使用 CSS 设置 <div> 元素的大小，以便在运行时调整 SWF 的大小。

例如：

<div id="swfContainer">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="mySwf">
   <param name="movie" value="mySwf.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="opaque" />
   <param name="swfversion" value="11.0.0.0" />
   <param name="expressinstall" value="Scripts/expressInstall.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="allowScriptAccess" value="always" />
   <embed src="mySwf.swf" quality="high" width="100%" height="100%" name="mySwf" wmode="opaque" swfversion="11.0.0.0" expressinstall="Scripts/expressInstall.swf" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  </object>
</div>

然后，使用 CSS 设置 swfContainer 元素的大小：

#swfContainer {
  width: 500px;
  height: 500px;
}

通过以上方法，可以在运行时调整 SWF 的大小，从而使浏览器创建 HTML 滚动条。

相关·内容

【labview问题小集合】

，可以选择工具栏中的调整层控件，以2019版本为例，如图可以选择向前或者向后移动，选中控件即可 1.3 labview如何取消滚动条 选择前面板，在滚动条位置右键，可以选择水平滚动条或者垂直滚动条...，进行选择打开还是关闭 1.4 labview如何修改运行时的VI窗口大小和位置如果想要运行VI后，选择自定义VI大小，可以选择左上角文件，选择VI属性在VI属性中选择窗口大小，这时可以自定义高度宽度...，也可以进行前面板的拖拉之后，选择设置为当前前面板大小选择窗口运行时的位置，即为运行VI时，VI窗口的位置，为了视觉上的美观，这里建议选择居中 1.5 labview如何放大文本字体...选中需要进行调整大小的文本，快捷放大为CTRL + （CTRL和加号）快捷缩小为CTRL - （CTRL和减号），通过这两个快捷键即可快速进行文本大小的调整 1.5.1 labview如何修改文字的颜色...同理，条件结构中也可在此位置右键选择，删除分支、删除空分支等操作 1.12 vision中图像显示控件异同此三项随然看起来类似，但是在运行时，将图片输入后，最后展示出的结果却不相同，需要注意 1.13

4783 0

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

下图是两者官方示例的简单对比：本文就是介绍如何使用 mCustomScrollbar 这个插件，大部分的内容是翻译自 mCustomScrollbar 官方的介绍页面，但是根据自己的理解做了部分的调整和修改...默认是垂直滚动条 值可为:true(创建水平滚动条) 或 false scrollInertia:Integer：滚动的惯性值在毫秒中使用0可以无滚动惯性 (滚动惯性可以使区块滚动更加平滑) scrollEasing...:Integer }：设置点击滚动按钮时候每次滚动的数值像素单位默认 40像素 advanced:{ updateOnBrowserResize:Boolean }：根据百分比为自适应布局调整浏览器上滚动条的大小...值:true,false 设置 false 如果你的内容块已经被固定大小 advanced:{ updateOnContentResize:Boolean }：自动根据动态变换的内容调整滚动条的大小...值:true,false 设置成 true 将会不断的检查内容的长度并且据此改变滚动条大小建议除非必要不要设置成 true 如果页面中有很多滚动条的时候它有可能会产生额外的移出你可以使用 update

14.1K3 0

html网页详细代码「建议收藏」

只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File菜单；选Publish Settings弹出导出设置对话框...input text在运行时可被用户或程序改变其值。 ynamic text仅允许被程序修改。 20,怎样在IE中调用Dreamweaver进行编辑....在这我补充几点： 1.让浏览器窗口永远都不出现滚动条。...只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File菜单；选Publish Settings弹出导出设置对话框...input text在运行时可被用户或程序改变其值。 ynamic text仅允许被程序修改。 20,怎样在IE中调用Dreamweaver进行编辑.

7.5K4 1

小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了！

作者：Chidume Nnamdi 译者：前端小智来源：smashingmagazine 在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。...这是因为无论内容如何，scroll-y都会显示滚动条，这时候我们可以使用overflow: auto，它只会在需要时显示滚动条。 ?...使用伪元素我经常使用伪元素，它们为我们提供了一种创建伪造元素的方法，主要用于装饰目的，而无需将其添加到HTML中。...压缩或拉伸图像在CSS中调整图像大小时，如果宽高比与图像的宽度和高度不一致，则可能会对其进行压缩或拉伸。...有些图片需要在没有裁剪或调整大小的情况下显示，有些平台会强制用户上传或裁剪一个定义大小的图片。例如，Dribbble接受以800 * 600像素上传的缩略图。 18.

3.7K1 0

Web Uploader 的使用

Web Uploader 是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5 为主，FLASH 为辅的现代文件上传组件。...在现代的浏览器里面能充分发挥 HTML5 的优势，同时又不摒弃主流 IE 浏览器，沿用原来的FLASH 运行时，兼容 IE6+，iOS 6+, android 4+。...两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。...}); 添加文件到队列时 uploader.on( 'fileQueued', function( file ) { // 选中文件时要做的事情，比如在页面中显示选中的文件并添加到文件列表，获取文件的大小...}); uploader.on('fileQueued', function(file) { // 选中文件时要做的事情，比如在页面中显示选中的文件并添加到文件列表，获取文件的大小

1.7K2 0

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

需求场景1 实现需求：如下图，点击左侧的导航，打开对应tab页面，其中tab页面的内容为 iframe，这里希望iframe的高度和宽度，根据浏览器窗口大小变化而变化，同时页面内容过多，或者过宽时，出现...}); } 说明： window.innerHeight 获取浏览器窗口的高度-去掉浏览器地址栏，书签栏的可视区域的高度，包括横向滚动条的高度。...document.documentElement.clientHeight - 获取文档html根节点的高度，不包括横向滚动条的高度，其值等于window.innerHeight - 横向滚动条高度(如果有的话.../** * 浏览器窗口大小发生变化时，自动调整iframe页面高度 * 浏览器等因素导致改变浏览器窗口大小时，会发生多次resize事件，导致频繁调用changeFrameHeight() */ $(...当调整浏览器窗口的大小时，发生 resize 事件。

6.8K2 0

如何使用 CSS 设置和自定义水平和垂直滚动条

在其他情况下，UI开发人员必须设置滚动条以使用户能够查看超出屏幕或特定容器的内容。每个浏览器都有一组默认的滚动条样式。在某些情况下，您可能有充分的理由来定制滚动条。...创建带有导航项目的导航栏为了创建导航栏，我们将使用HTML nav元素。...下面的截图显示了我们即将创建的侧边栏：侧边栏要创建上面的侧边栏，我们将在CSS中进行以下更改：将导航栏的显示更改为flex，并将方向设置为column为侧边栏设置背景颜色为导航链接添加底部边框增加导航链接的字体大小和字体粗细为侧边栏设置固定宽度增加...body的高度以使其足够长以滚动以下CSS代码片段描述了如何将初始导航栏样式设置为侧边栏并调整body的底部边距。...在下一节中，我们将学习如何设置水平滚动条。设置自定义水平滚动条。您可以向网页内的容器添加水平滚动条。水平滚动条可以使用户在较短的容器内查看一系列横向内容。

1.7K0 0

flash的代码大全_flash脚本语言

实体名为ok， ACTION： loadMovie(“dr/test.swf”, “_root.ok”); 控制这个MC的位置，大小等相对属性（Property）就会影响调入SWF的位置和大小。...SWF文件及控制它的大小和位置？...方法2、在你的浏览器缓冲目录里面有你看过FLASH的SWF文件！...问：如何判断载入外部swf的进度？答：可以使用被载入swf的_sloaded、_totals两个变量，加上被载入动画的名字。...问：如何在AS中创建类的继承？

5K2 0

Window对象

Window对象 window作为全局变量，代表了脚本正在运行的窗口，将属性与方法暴露给JavaScript。 Window对象属性 closed: 表示所引用的窗口是否关闭。...opener: 返回对创建此窗口的窗口的引用。 outerHeight: 返回窗口的外部高度，包含工具条与滚动条。 outerWidth: 返回窗口的外部宽度，包含工具条与滚动条。...moveTo(): 把open创建的窗口的左上角移动到一个指定的坐标。 open(): 打开一个新的浏览器窗口或查找一个已命名的窗口。 postMessage: 可以安全地实现跨源通信。...queueMicrotask: 提供加入微任务队列的回调接口。 resizeBy(): 按照指定的像素调整open创建的窗口的大小。...resizeTo(): 把open创建的窗口的大小调整到指定的宽度和高度。 scroll(): 滚动窗口至文档中的特定位置。 scrollBy(): 在窗口中按指定的偏移量滚动文档。

2.4K2 0

html多媒体

语法：说明： loop="2"表示重复2次，loop="infinite"表示无限次循环播放，也可以使用loop="-1"表示无限次循环播放。...在普通框架结构中，由于框架就是整个浏览器的窗口，因此不需要设置其大小。但是在浮动框架中，框架是插入到普通HTML页面中，所以可以调整框架的大小。浮动框架的宽度和高度都是以像素为单位。...(二)、设置浮动框架是否显示滚动条scrolling 对于浮动框架iframe的的滚动条，我们可以使用scrolling属性来控制。scrolling属性有3种情况：根据需要显示、总是显示和不显示。...： scrolling属性值 scrolling属性值说明 auto 默认值，整个表格在浏览器页面中左对齐 yes 总是显示滚动条，即使页面内容不足以撑满框架范围，滚动条的位置也预留...> 在浏览器预览效果如下； image.png iframe标签分析：大家可以看到，浮动框架iframe的滚动条都消失了。

1.2K3 0

用最少的代码却实现了最牛逼的滚动动画！

大家好,我是前端实验室的小师妹! 今天小师妹带领大家学习如何使用最少的代码创建令人叹为观止的滚动动画~ 在聊ScrollTrigger插件之前我们先简单了解下GSAP。...接下来小师妹带领大家一起学习ScrollTrigger插件的使用。插件简介 ScrollTrigger是基于GSAP实现的一款高性能页面滚动触发HTML元素动画的插件。...通过ScrollTrigger使用最少的代码创建令人叹为观止的滚动动画。...丰富的回调系统。当窗口调整大小时，自动重新计算位置。在开发过程中启用视觉标记，以准确查看开始/结束/触发点的位置。...自定义滚动触发器容器，可以定义一个 div 而不一定是浏览器视口。高度优化以实现最大性能。插件大约只有6.5kb大小。

2.6K2 0

用最少的代码却实现了最牛逼的滚动动画！

gzh：老鱼的储物柜今天老鱼带领大家学习如何使用最少的代码创建令人叹为观止的滚动动画~图片在聊ScrollTrigger插件之前我们先简单了解下GSAP。...接下来大师兄带领大家一起学习ScrollTrigger插件的使用。插件简介ScrollTrigger是基于GSAP实现的一款高性能页面滚动触发HTML元素动画的插件。...通过ScrollTrigger使用最少的代码创建令人叹为观止的滚动动画。...丰富的回调系统。当窗口调整大小时，自动重新计算位置。在开发过程中启用视觉标记，以准确查看开始/结束/触发点的位置。...自定义滚动触发器容器，可以定义一个 div 而不一定是浏览器视口。高度优化以实现最大性能。插件大约只有6.5kb大小。

3K0 0

使用Selenium WebDriver进行闪存测试

您可以跨不同的平台和使用不同的语言创建框架。这是一个开放源代码工具，可以从官方网站下载。它易于配置，使用和实施。 Flash测试与其他元素有何不同为什么捕捉闪光物体很困难？如何解决？...Flash是一种过时的技术。由于Flash对象不同于HTML，因此很难捕获它。此外，Flash是嵌入式SWF文件（小型Web格式）。在移动设备上访问Flash对象也很困难。...如上所述，Flash和其他元素之间的主要区别是Flash嵌入在SWF文件中，而其他元素嵌入在HTML文件中。因此，与Flash相比，HTML更易于捕获。...下面的代码在执行时将执行以下操作打开Firefox浏览器，启动guru99 Flash网站，播放Flash电影，然后然后停止播放电影。...Flash和其他元素之间的主要区别是Flash嵌入在SWF文件中，而其他元素嵌入在HTML文件中当无法轻松访问Flash对象时，通常需要自动执行Flash测试。

1.9K1 0

win10 uwp 如何判断一个控件在滚动条的里面是用户可见

在 UWP 中如何知道一个元素是在滚动条的显示大小内用户可以看到这个控件？如果需要在控件在滚动条里面用户可以看到的时候触发某个事件，在用户看不到的时候触发另一个事件可以怎么做？...昨天星期八再娶你大佬问我如何判断在滚动条内可以看到某个元素，他需要在滚动条里面放一个视频播放器，在用户看不到这个播放器的时候自动停下这个播放器在 UWP 的判断会比在 WPF 中复杂一些，我写过WPF...如何判断一个控件在滚动条的里面是用户可见但是在 UWP 中的小伙伴，也就是做 UWP 的大佬对 API 的设计会更加诡异在 UWP 没有 ScrollChanged 事件只有ScrollViewer.ViewChanged...事件，但是这个事件和 WPF 的触发不相同的在于，如果我有外层的控件修改了滚动条的大小，不会触发这个事件。...，所以通过这个事件判断控件是否在滚动条可见是不可靠的昨天星期八再娶你大佬告诉我一个可以使用的方法是通过LayoutUpdated 事件拿到触发，在布局属性修改的时候、在窗口修改的时候在运行时的布局的时候都会触发这个事件

9302 0

分享 22 个实用的CSS小技巧，让你的网站更出色

根据屏幕尺寸和方向，调整元素的大小、位置和样式。使用弹性盒子（Flexbox）或网格布局（Grid Layout）来实现灵活的自适应设计。...html { scroll-behavior: smooth; } 网格布局：使用CSS网格布局可以轻松创建复杂的网格结构，实现灵活的页面布局。...调整滚动条的宽度、颜色和形状，以适应你的设计需求。...：使用CSS的vw单位（视窗宽度的百分比）可以创建响应式字体大小。...调整滚动条的宽度、颜色和形状，以适应你的设计需求。

2541 0

JavaScript中window.open（）和Window Location href的区别「建议收藏」

yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|...resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏...resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏...yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|...false – URL 在浏览历史中创建新的条目。

5K2 0

iframe参数详解

把iframe解释成“浏览器中的浏览器“是很恰当的。也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。...在HTML4.01严格规范中，元素没有被定义。浮动框架可以使用元素和CSS定位方法来模仿实现。...示例： 5、尺寸调整：语法：noresize 说明：IE专有属性，指定浮动帧不可调整尺寸...hspace：浮动帧内的左右边界大小； vspace：浮动帧内的上下边界大小。...marginheight：浮动帧的左右边界大小； marginwidth：浮动帧的上下边界大小。

3.1K3 0

【Go 语言社区】iframe去边框，无边框，使用大全

把iframe解释成“浏览器中的浏览器“是很恰当的。也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。...ASP等； width、height："内部框架"区域的宽与高； scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为 Auto：则自动出现滚动条...在HTML4.01严格规范中，元素没有被定义。浮动框架可以使用元素和CSS定位方法来模仿实现。...示例： 5、尺寸调整：语法：noresize 说明：IE专有属性，指定浮动帧不可调整尺寸...hspace：浮动帧内的左右边界大小； vspace：浮动帧内的上下边界大小。

2.6K7 0

CSS3自定义滚动条样式 -webkit-scrollbar

前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。...两个滚动条的交汇处上用于通过拖动调整元素大小的小控件简洁版这里就不贴出详细代码了，demo里面可以通过查看源码寻找具体样式的设置。...任何对象都可以设置：边框、阴影、背景图片等等，创建的滚动条任然会按照操作系统本身的设置来完成其交互的行为。下面的伪类可以应用到上面的伪元素中。...表示递增的按钮或轨道碎片，例如可以使区域向下或者向左移动的区域和按钮*/ :start /*start伪类适用于按钮和轨道碎片。.../scroll/css3-scroll.html

2.4K2 0

Adobe dreamweaver CS6小白入门教程「建议收藏」

5.DW文本网页的设计 5.1确定网页页面的属性 5.1.1如何写入连续多个空格？...9.2.3.添加APDIV**滚动条* 解释：溢出：AP元素面板中溢出用于控制当AP元素的内容超出AP元素的指定大小时如何在浏览器显示AP元素。的显示方法。...visible可见（部分内容）：hidden隐藏（部分内容）：sceoll**滚动条**：auto超出范围的滚动条 左、上是距离页面边界的距离！...宽、高是APDiv大小 Z轴是顺序背景也是针对APDiv的！....点如图↓↓：第一种应用方法或者第二种应用方法↓↓：末：创建外部样式（新建CSS规则–规则定义选择“新建样式表文件而不是仅本”）那么如何引用外部样式呢？

7.2K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何在运行时调整swf的大小以使浏览器创建html滚动条？

相关·内容

【labview问题小集合】

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

html网页详细代码「建议收藏」

小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了！

Web Uploader 的使用

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

如何使用 CSS 设置和自定义水平和垂直滚动条

flash的代码大全_flash脚本语言

Window对象

html多媒体

用最少的代码却实现了最牛逼的滚动动画！

用最少的代码却实现了最牛逼的滚动动画！

使用Selenium WebDriver进行闪存测试

win10 uwp 如何判断一个控件在滚动条的里面是用户可见

分享 22 个实用的CSS小技巧，让你的网站更出色

JavaScript中window.open（）和Window Location href的区别「建议收藏」

iframe参数详解

【Go 语言社区】iframe去边框，无边框，使用大全

CSS3自定义滚动条样式 -webkit-scrollbar

Adobe dreamweaver CS6小白入门教程「建议收藏」

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐