`
madfroghe
  • 浏览: 119380 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Flash/Flex学习笔记(48):迷你滚动条ScrollBar

阅读更多

先看最终效果:

整个swf最终不到4k,如果用系统的组件List来做的话,最终尺寸会接近30k ! (当然,核心代码是从网上收集到的:))

 

大致原理:

把要显示的对象上面加一层遮罩,然后根据滚动条的位置,上下移动显示对象。

 

源文件:http://cid-2959920b8267aaca.skydrive.live.com/self.aspx/Flash/miniScrollBar.rar

 

分享到:
评论

相关推荐

    css 设置overflow:scroll 滚动条的样式

    css 设置overflow:scroll 滚动条的样式 /* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-...

    CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解

    windows 下默认的滚动条样式巨丑,项目中又有比较多地方会显示滚动条, 故回头翻了一下CSS3, 还真能不用插件实现自定义滚动条的样式,正合我意 代码如下: /定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸/ :...

    CSS3改变浏览器滚动条样式

    注:该方法只适用于 -webkit- 内核浏览器 浏览器滚动条太宽,太丑,影响日常开发怎么办,改TA 滚动条外观由2部分组成:1.滚动条整体滑轨 2.滚动条滑轨内滑块 ...body::-webkit-scrollbar{ //先改变body的滚动条宽度

    按住滑块,拖动验证

    $("#scrollbar").slider({ width: 340, // width height: 40, // height sliderBg:"rgb(134, 134, 131)",// 滑块背景颜色 color:"#fff",// 文字颜色 fontSize: 14, // 文字大小 bgColor: "#33CC00", // 背景...

    jquery定制div滚动条Scrollbar

    sly jquery定制div滚动条Scrollbar 兼容IE6 FireFox Safari

    jquery.linscroll自定义滚动条

    超级简单的,可以自己定义图片的滚动条 [removed] $(document).ready( function(){ $('#scrollContent').setScroll( //scrollContent为滚动层的ID {img:'',width:10},//背景图及其宽度 {img:'up_arrow.gif',...

    scrollBar:滚动条插件

    然后初始化滚动条 $('domClass').scrollBar(); 配置项: width: 1000, height: 500, orient: 'v',// 滚动条类型:h水平 v垂直 position: 'right',// 滚动条位置 top bottom left right scrollDistance: 10,//鼠标...

    Bootstrap4 UI 后台模板

    Perfect Scrollbar http://utatti.github.io/perfect-scrollbar/ Select2 https://select2.org/ ion.RangeSlider http://ionden.com/a/plugins/ion.rangeSlider/en.html Leaflet http://leafletjs.com/ GMaps ...

    swiper Scrollbar滚动条组件详解

    本文实例为大家分享了swiper Scrollbar滚动条组件的具体代码,供大家参考,具体内容如下 1、scrollbar 为Swiper增加滚动条。类型:object。 2、el scrollbar容器的css选择器或HTML元素。类型:string/HTML Element,...

    Flex中不用ScrollBar实现滚动效果

    Flex中不用ScrollBar实现滚动效果

    jQuery插件:Tiny Scrollbar滚动条插件(滚动条美化、默认滚动条)

    NULL 博文链接:https://justcoding.iteye.com/blog/2110616

    美化控件滚动条(ScrollBar)的方

    采用“遮挡”方法对MFC控件中的滚动条(ScrollBar)进行了美化工作,即保留了滚动条的功能,又美化了界面

    最新Color Admin1.9 - bootstrap3响应后台模板+前端网页模板

    Smooth Mobile / Tablet Scrollbar Implementation Vector Icons - FontAwesome v4.4.0 Vector Icons - Simple Line Icons Vector Icons - Ionicons (700++ Icons) Fully Responsive HTML5 Markup & CSS3 ...

    绿色滚动条 - 纯CSS3(来自ZIG)「Green Scroll Bar - Pure CSS3 (from ZIG)」-crx插件

    绿色滚动条。纯粹的CSS3,没有JS。简单而可爱!刚刚从ZIG(zzllrr Imager Geek)中提取出来http://goo.gl/n8SMk 刚刚从zzllrr Imager中提取的一个简单的Chrome滚动条。 *绿色可爱! *纯CSS3,没有JS(JavaScript)!...

    好看的滚动条样式

    好看的滚动条样式<div style="WIDTH: 120; HEIGHT: 140;OVERFLOW: scroll; scrollbar-3dlight-color:#595959; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#CFCFCF; scrollbar-darkshadow-color:#FFFFFF; ...

    C# Chart表格多个ChartArea、Series显示;滚动条ScrollBar实时更新,显示在最右边

    C# Chart表格多个ChartArea、Series显示;滚动条ScrollBar随着数据的增加实时更新,显示区域始终在最右边

    CSS常用属性

    scrollbar-face-color: 滚动条凸出部分的颜色<br /> scrollbar-highlight-color: 滚动条空白部分的颜色<br /> scrollbar-shadow-color: 立体滚动条阴影的颜色<br /> scrollbar-3dlight-color: 滚动条亮边的颜色...

    jquery滚动条美化Scrollbar

    jquery滚动条美化Scrollbar设置浏览器默认滚动条样式 DIVCSS5 网页演示

    react-perfect-scrollbar:完美滚动条的React包装

    React完美滚动条 这是一个包装,允许在React中使用 。 要阅读版本小于1.0的文档,请访问 。 用法 安装软件包npm install react-perfect-scrollbar -S如果您具有用于css文件的加载器,请导入css文件: import '...

    scrollbarWidth:获取滚动条宽度

    获取滚动条的宽度。 用 设置scrollbarWidth.js。 < script src =" scrollbarWidth.min.js " > </ script > 初始化功能并获取滚动条宽度。 // Init web global scrollbarWidth ( ) ; // 17 // You ...

Global site tag (gtag.js) - Google Analytics