夕空-优快云博客

原创自定义滚动条

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>自定义滚动条</title> <style type="text/css"> .innerbox{ overflow...

2019-11-14 11:06:33 196

原创多级联动下拉菜单支持中英文检索

melist多级联动下拉菜单介绍多级联动下拉菜单，也可单选可多选，支持中英文混合检索，使用了jQuery.Hz2Py ol > li 里就是默认的表单，设置好name值及是radio或checkbox使用说明必要文件： jquery.js、 melist.css、 jQuery.Hz2Py-min.js、 melist.jsmelist();//初始化如果...

2019-10-07 10:12:57 996

原创 H5 两个video视频的无缝切换

经过测试发现，很多手机无法自动播放，也试了很多网友的方法，还是会遇到意外情况，比如两个video切换播放问题就很头疼，最终还是在一个video上变src地址来解决，至于中间的闪烁问题，只好覆盖上一个视频的最后一帧的图片解决，虽然会卡一下，唉~ vplayer.addEventListener("timeupdate",function(e){ if(vplayer.c...

2019-09-15 11:24:11 11552

原创 AS3 以图片某点为中心进行缩放（改变缩放中心）

以元件自身坐标系缩放：import flash.display.MovieClip;import flash.geom.Point;import flash.events.MouseEvent;import com.greensock.TweenMax;import com.greensock.easing.*;image.addEventListener(MouseEvent...

2019-09-06 18:20:16 1541

原创 flash 文字两端对齐

import flash.text.engine.*;import flash.display.Sprite;var str: String = "一般情况下，在 Flash 中我们使用最常见 TextField 对象（最传统的文本引擎）进行文字排版处理，TextField 允许开发者通过 CSS 样式设置文本的版式。\r在 CSS 样式说明中，可以查到通过 text-align 属性值设...

2019-09-02 15:00:01 636

原创 flash AS3 16块阵列单循环排版

没有自动布局的flash排版就是这么麻烦//16块集合的x坐标数var boxX: int = 0; var X: int = 0, Y: int = 0;for (var i: int = 0; i < 60; i++) { //创建16块集合的容器 var boxCon: Sprite; if (i % 16 == 0) { boxX++; box...

2019-08-30 13:47:22 239

转载 AS3文本处理：使用CSS格式化文本内容

一、在本文开始之前，我们先了解一下AS3中对html标签和css的支持情况：1. AS3中支持的HTML 标签：<p>,<b>,<a>,<font>,<img>,<i>,<li>,<p>,<span>,<u>,<textformat>;...

2019-08-30 13:27:44 368

原创 AS3 UDP 套接字 (AIR)

官方的代码案例，注释行是可发送中文字符的方式package { import flash.display.Sprite; import flash.events.DatagramSocketDataEvent; import flash.events.Event; import flash.net.DatagramSocket; impo...

2019-07-24 10:03:17 950

原创百度地图api v1.0多坐标点（懒得申请密钥版）

<style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space...

2019-06-10 10:02:10 766 2

原创手机端背景图固定fixed兼容方法

背景图background-attachment:fixed在移动端多为不支持，采用position: fixed;并JS来解决.box{width: 100%;height: 100%;}.fixedbg{position: fixed;left: 0;top: 0;z-index: -1; width: 100%;height: 100%;}<div class="box"&...

2019-06-03 17:51:50 1015

转载图片热区链接在手机端关于 map area中的自适应

https://github.com/stowball/jQuery-rwdImageMaps$(document).ready(function(e) { $('img[usemap]').rwdImageMaps();});

2019-06-03 16:06:16 1995

转载 JS中获取 DOM 元素的绝对位置实例详解

原文：https://www.jb51.net/article/138770.htm这篇文章主要介绍了JS中获取 DOM 元素的绝对位置，详细介绍了各种获取dom元素绝对位置的方法及对应的兼容性，需要的朋友参考下吧在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如本文左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。...

2019-05-23 15:06:47 1699

原创 js事件代理

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>js事件代理</title> <style type="text/css"> p{background: #bbb;color: #FFF;} </...

2019-05-13 16:32:28 136

原创 Masonry JS瀑布流布局

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Masonry JS瀑布流布局</title><style>li{list-style:none;}ul{ width:90%; margin:0 auto;}...

2019-05-13 11:30:35 890

原创 web视差滚动浏览 - 让页面看起来有纵深立体感

根据滚动页面的位置，控制页面元素的滚动差，使页面看起来有深度有纵深立体感。放飞你的设计，让页面更具个性~~下载：https://download.youkuaiyun.com/download/zhi_jie/11172152JS代码：/*// ======视觉差滚屏效果 - 夕空 | 2019-5scrollplay(元素,消失点) 消失点也就是原始坐标会和点元素需要sc 时差属性...

2019-05-11 10:34:38 664

原创 JS图片加载完毕事件 & 图片等比缩放兼容全部浏览器

2019-05-10 15:14:52 672

转载原生JS与jQuery操作DOM对比

原文https://github.com/nefe/You-D...原生JS与jQuery操作DOM对比You Don't Need jQuery前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery ...

2019-05-09 11:19:21 276

转载让页面滚动平滑

来源：https://www.zhangxinxu.com/wordpress/2018/10/scroll-behavior-scrollintoview-%E5%B9%B3%E6%BB%91%E6%BB%9A%E5%8A%A8/comment-page-1/scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。四、JS平滑滚动...

2019-05-08 18:06:47 779

原创 web端树状菜单（支持无限下级分类+修改+新增+删除）

DEMO下载：https://download.youkuaiyun.com/download/zhi_jie/10825201一开始在onethink后台里看到的，发现只能展开到3级菜单，经过我一通修改，可以无限下级分类的菜单了，可以实时修改、新增、删除，代码示例需要jquery与art-template.js（可以换成你习惯的模板引擎或修改成jq操作）注意：此树状菜单是一级一级读取jso...

2018-12-03 17:53:53 3928 4

原创 div垂直居中（全兼容ie6+）

忘记从哪里借鉴的了，直接贴上：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>全兼容垂直居中</title> <style type="text/css"&am

2018-12-03 15:53:25 1961

转载图片拖拽排序与拖拽删除

转自：https://www.zhangxinxu.com/wordpress/2016/11/html5-drag-drop-module-insert-sort-delete-demo/代码基于jQuery编写，可以省点事件。另外，兼容性是IE10+以及其他现代浏览器效果OK，不支持IE7-IE9浏览器，因为使用的是原生的HTML5 drag/drop API，一般适合开发一些工具后者内...

2018-11-27 14:27:06 1505 1

转载点击返回顶部JS

转自：https://www.zhangxinxu.com/wordpress/2017/01/share-a-animation-algorithm-js/ //代码核心Math.easeout = function (A, B, rate, callback) { if (A == B || typeof A != 'number') { return; } B = ...

2018-11-27 11:53:18 294

转载抛物线动画-加入购物车的小球

声明：demo转自https://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/先贴上核心代码parabola.js：/*! * by zhangxinxu(.c...

2018-11-27 11:33:03 441

原创【面包屑】可根据文字大小变化尺寸-兼容主流浏览器及ie8+

最终样子： <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>面包屑</title> <style type="text/css"> #c

2018-11-20 10:25:42 513

原创 table表格多层嵌套table采坑！（重复描边兼容问题）

你肯定会说table还要解决兼容问题，你搞笑啊~~ 是的，一开始我也会这样说，但那是在只有一个table状况下，咋折腾都没问题，直到有一天。。。先说说为什么要嵌套table，常规情况下我们用一个table就能解决问题，拆分及合并单元格可以用到rowspan和colspan，但是搞起来真的好麻烦啊！！！复杂的表格拆结构真的吐血。比如：为了制作一个这种表格不得已大表格套小表格（或许有更方便...

2018-06-14 21:50:25 15975

原创两端对齐流式布局--全兼容ie6+

预览：作用：常用于布局时内部元素尺寸不固定，但又想整体对齐时。我们常常使用float:left;时会发生高度不一致导致下一行的排版错位。使用text-justify布局可以解决这个问题，当然内部元素只能是inline-block或inline行内元素，不支持block块级元素。最后一行默认不会两端对齐，text-align-last:justify;会使最后一行也分布对齐。...

2018-06-07 16:28:06 628

原创 flash AS3 Loader加载外部文件类及队列加载方法

从2011年开始使用这段代码为了应对各种加载修修改改了这么多年，很基础的功能，没啥特别的，重点在于加载子swf获取它的类，还有就是卸载子swf时要清理内存，否则内存占用会节节窜高，内存溢出，所以加载新swf文件时要提前 .clear(); 没啥特别的，重点是loader.unloadAndStop(); loader.unload(); 不过注意的是音视频文件是清理不掉的，需要在子swf里写脱离场...

2018-03-31 10:53:37 1360

原创 wampserver配置php网站多站点多端口

看了那么多方法教程，其实就两个关键点：httpd.conf文件内可添加端口例如：Listen 0.0.0.0:8080Listen [::0]:8080httpd-vhosts.conf文件设置多个站点设置了Require all granted才可被外网访问<VirtualHost *:80> ServerName localhost DocumentRoot c:/wa...

2018-03-30 11:58:18 478

原创 Ajax本地访问谷歌浏览器全屏参数

Chrome浏览器快捷方式中添加启动参数 --allow-file-access-from-files实现Ajax本地访问json数据了【目标："c:\......\chrome.exe" --allow-file-access-from-files】前面要有空格--kiosk参数是全屏打开目标，可网站可本地页面：【"c:\......\chrome.exe" www.flashme....

2018-03-30 11:53:55 581

原创获取transform值 x y z及rotate旋转角度

CSS3的时代经常会操作transform动画属性，所以也会有想获取transform属性的时候，不过当你去取值时就懵逼了，得出来的是matrix矩阵数值，而且有一点让你恼火，当你操作过z，矩阵的长度与排序就不一样了，你无法固定的取值，（貌似用jQ的一个方法是能固定取到），为了能正常取到这些值，从网上找了一些纯js版的修修改改总算搞定了。function getTranslate(node,...

2018-03-29 17:25:13 8218

转载 Away 3D实现360度全景图的二种全景图.

01:触发3D代码运行的Cover.as类 [c-sharp] view plaincopypackage { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Sprit

2014-06-23 15:03:51 3156

melist多级联动下拉菜单可中文检索.rar

多级联动下拉菜单，可单选可多选，使用了jQuery.Hz2Py，支持中英文混合检索

2019-10-06

视差滚动浏览.rar

根据滚动页面的位置，控制页面元素的滚动差，使页面看起来有深度有纵深立体感。放飞你的设计，让页面更具个性~~

2019-05-11

web端树状菜单（支持无线下级分类+修改+新增+删除）

一开始在onethink后台里看到的，发现只能展开到3级菜单，经过我一通修改，可以无限下级分类的菜单了，可以实时修改、新增、删除，代码示例需要jquery与art-template.js（可以换成你习惯的模板引擎或修改成jq操作）注意：此树状菜单是一级一级读取json数据的，点击才会触发下级分类，不是一次性读取所有树状结构数据，这样可以减轻些读取压力吧。顺便科普个小知识，谷歌浏览器在启动快捷方式地址后 --allow-file-access-from-files即可本地Ajax数据了。页面上的“+”“-”class图标样式使用了Font Awesome的，你可下载使用或换成自己的

2018-12-03

360度全景播放器（可自定义前往点）

除了屏幕按钮操作，W/S键为视角缩放，方向键为上下左右 360全景图片可自行替换，images/unit.xml文件是保存全景图片地址信息的文件，可用记事本编辑。结构如下： <?xml version="1.0" encoding="UTF-8"?> 结构说明：图片：点位：角度说明：在全景图中心点的位置为0，向右至最右边是180°，向左最左边是-180° 如有疑问或需帮助，可与我联系Q168387321 my web: www.flashme.cn 声明：文件内360全景图片仅仅为演示文件，不可挪做其它样板间使用。

2017-11-14

sliderme JS 触摸滑屏插件

做APP项目时需要滑屏页，在网上找到了很知名功能又强大的Swiper，但。。。在使用时会有些坑，特别是在IOS系统上有些bug，填不了坑无奈之下自己造轮子！！额外用到了hammer.js和velocity.js，但总大小并不大，执行流畅度也很好，虽然少了像Swiper那么多切换特效，但作为触摸滑动页面足够用了，还省去了体积的庞大。浏览器支持：IE10+及其它主流浏览器 & 手机端：Android 4.0+。

2016-11-18

sliderme JS | 触摸滑屏插件

2016-11-17

flash调用js输入法

flash项目调用js输入法，在flash内点击事件唤出外面的js输入法，输入完毕确定后可将键入汉字反馈至flash内并响应事件。实现输入法div悬浮在flash上，flash与输入法间的数据传递。此功能主要是为了在web页flash触摸屏项目，谷歌浏览器全屏满页面的flash，操作时可唤出js输入法。英文与拼音键入。注：需要在IIS环境下才能实现flash与js之间数据传递。 2014-3-22

2014-12-05

Flash翻页组件源代码FlippingBook合集.rar

这是电子杂志的制作源文件，都有.fla源文件，可以自由的定义样式，不像那些傻瓜软件导出的电子杂志就固定的那几套模板，当然你得会flash软件的操作基础，稍微懂一点代码或知道其原理，组件合集种类很多，功能很强，flash8就可打开，都是AS2的，支持外部.xml文件定义图片地址，有很多示例，我第一次下载这个合集大概是在07年，那时候代码并不是很精通，不过用这套组件定义一个属于自己样式的杂志完全足够了，现在因为学了AS3不愿在接触AS2的东西了。这么多年来我都不记得有多少网友或百度知道提问的人要过电子杂志的flash组件了，我都给发过去，现在我就把固定下载点共享出来吧！

2013-04-21

flash元件滚动条(AS3.0)

这个元件滚动条我用了将近两年了，2011年初我还在天地会论坛里发布过我的最初版本。在这两年时间里很多项目里都应用过，可以说是我经过了两年左右的不停完善，为了最大化的重复利用性，做了很多次大小改动。从最初下载的火山动态文本滚动条V5到现在的版本，优化了很多，也改了些小bug，目前版本不能说非常完美但也自认为很棒了。今天我就将多年的成果贡献出来，让大家借鉴或批评^_^，今天我还完善了一下，以后我还会继续完善的，毕竟这个是经常会用到的东东。先介绍下我这个flash拖动条吧，AS3.0，拖动时有缓动效果，没有用到第三方动画类，内容高度可变化，支持随时改动拖动条的高度，以适应新区域，例如跟随窗口变化，支持鼠标滚轮操作。额外功能，可在外部监听滚动状态。

2013-04-21

flash网站常用js支持(swfobject swfaddress swffit)

swfobject.js swfaddress.js swffit.js等资源与全屏flash页面的应用。 swfobject.js为2.2版本，判断用户flash player版本，向swf传递参数等。 swfaddress.js的作用是在不刷新网页的情况下为地址栏更换地址，并可实现访问这个地址时也同时接受到参数。注：除js文件外请详细看.fla文件，在本地测试无法观看到地址栏的结果，请放置到服务器IIS环境。 swffit.js限制浏览器窗口的最小区域，因为swf宽高是100%，当页面非常小时会影响显示效果，所以可用这个来限制显示的最小区域，一般情况下都是1003*600（1024屏

2011-12-07

greensock包类插件最新版本与收费插件（TweenMax缓动类）

很多制作flash的人摒弃flash自带的Tween缓动类，而是采用功能更加强大的第三方缓动类，其中用的最多是TweenMax类，这就不得不提greensock官方网站，这个网站是我迄今为止看到提供教程资料最全最直观的缓动类，flash演示文件可以直接显示出代码书写方法并且直观的查看效果，很适合初学者学习使用。官方网站只提供免费的资源，其它更高级的功能都是收费的，以下是我在几个外国网站收集整理的收费插件，其中整理出的有： 1.舞台布局插件，它的强大在于你再也不用设置舞台尺寸侦听设置每一个元件的位置，一行代码解决问题； 2.变形操作，有点像PS里的变形操作，暂时还不知的应用到什么项目，不过功能很强； 3.动态文本操作，这个功能是我一直期待的，以前一直想用代码操作动态文本里所有字出现的特效，而不用在一个字一个字的去操作，没想到用这个插件实现了，官方提供了3种字出现时的特效，文本里的字出现的效果都是不一样的，若自己的代码编写能力强，可以扩展思维，写一个更强的效果。现在第三方动画类都出了时间轴动画的功能，可以用代码直接代替时间轴了，这个是很值得研究的，可以大大提高项目开发速度，建议多多研究包内的Timeline类。例如我的网站：http://www.flashme.cn/里面80%都是用程序控制元件编写动画了（打个小广告^_^），不过我这个网站用的是GTween缓动类，有小bug才决定学习greensock的TweenMax类。 ------ 截止2011-6-19在网上搜集整理的greensock包类插件最新版本（仅是能找到的免费资源来说）。 demo 里的是官方演示文件，这几个插件你在官方网站是下不到啦，只能下载到他公布的免费插件，此插件的作者更新速度非常之快，你可以时时留意一下官方网站：http://www.greensock.com/ 至于免费开放的缓动类及演示文件，你可以关注一下官方网站，上面有很多演示及源文件。 layout布局类的值传递和官方演示文件写法有些差异，可能还不是最新的版本！

2011-08-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人