文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

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

例如：

代码语言：html
复制
<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 元素的大小：

代码语言：javascript
复制
document.getElementById('swfContainer').style.width = '500px';
document.getElementById('swfContainer').style.height = '500px';
  1. 使用 CSS 设置 SWF 的大小。

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

例如：

代码语言：html
复制
<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 元素的大小：

代码语言：css
复制
#swfContainer {
  width: 500px;
  height: 500px;
}

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

相关搜索:如何在运行时从左侧调整可调整大小的面板控件的大小？如何在运行时调整QSCrollBar的大小以更改其宽度？如何在不调整浏览器大小的情况下创建“滑入”动画？如何创建可滚动区域，该区域可随浏览器调整大小，但在可调整区域的上下具有固定的内容区域？如何在调整浏览器大小时隐藏DIV中的HTML文本的一部分？使用CSS)垃圾收集乱序排列理论学习连接本地连接查询
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

【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

46430

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.1K30

    • 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.4K41

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

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

    3.7K10

    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.7K20

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

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

    6.7K20

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

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

    1.6K00

    Window对象

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

    2.4K20

    html多媒体

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

    1.2K30

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

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

    92520

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

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

    3K00

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

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

    2.5K20

    使用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.9K10

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

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

    2.4K20

    Flex开发实战(一)--Flex的详细介绍

    相应的技术也层出不穷，例如：Flex，JQuery，Ajax，HTML5+CSS3等等吧。...Flex是一个强大的用于构建和维护在所有主要浏览器、桌面和操作系统一致地部署的极具表现力的 Web 应用程序的高效率的开放源码框架。 2....符合ECMA规范的脚本语言（ActionScript)，处理用户和系统的事件，构建复杂的数据模型； 3. 一个基础类库； 4. 运行时的即时服务； 5....然后您可以通过Adobe Flash Player在浏览器中发布SWF文件作为一个独立的应用程序,或者您可以使用Adobe AIR把它在Windows上,MacOSX,Android,iOS或黑莓平台中编译成本机应用程序...总结 用户不懂架构和技术，只要系统人性化，交互性好，就会有很多的忠实粉丝。优秀的系统功能，不如优秀的界面，较高的用户体验度。 下篇博文：我们将介绍如何下载以及安装FlashBuilder4，敬请期待。

    2K10

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

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

    2.6K70
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券