- 博客(31)
- 资源 (11)
- 收藏
- 关注
原创 自定义滚动条
<!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
154
原创 多级联动下拉菜单 支持中英文检索
melist多级联动下拉菜单介绍多级联动下拉菜单,也可单选可多选,支持中英文混合检索,使用了jQuery.Hz2Py ol > li 里就是默认的表单,设置好name值及是radio或checkbox使用说明必要文件: jquery.js、 melist.css、 jQuery.Hz2Py-min.js、 melist.jsmelist();//初始化如果...
2019-10-07 10:12:57
950
原创 H5 两个video视频的无缝切换
经过测试发现,很多手机无法自动播放,也试了很多网友的方法,还是会遇到意外情况,比如两个video切换播放问题就很头疼,最终还是在一个video上变src地址来解决,至于中间的闪烁问题,只好覆盖上一个视频的最后一帧的图片解决,虽然会卡一下,唉~ vplayer.addEventListener("timeupdate",function(e){ if(vplayer.c...
2019-09-15 11:24:11
11084
原创 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
1466
原创 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
580
原创 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
195
转载 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
313
原创 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
876
原创 百度地图api v1.0多坐标点(懒得申请密钥版)
<!--引用百度地图API--><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
701
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
954
转载 图片热区链接在手机端关于 map area中的自适应
https://github.com/stowball/jQuery-rwdImageMaps$(document).ready(function(e) { $('img[usemap]').rwdImageMaps();});
2019-06-03 16:06:16
1953
转载 JS中获取 DOM 元素的绝对位置实例详解
原文:https://www.jb51.net/article/138770.htm这篇文章主要介绍了JS中获取 DOM 元素的绝对位置,详细介绍了各种获取dom元素绝对位置的方法及对应的兼容性,需要的朋友参考下吧在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。...
2019-05-23 15:06:47
1545
原创 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
112
原创 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
830
原创 web视差滚动浏览 - 让页面看起来有纵深立体感
根据滚动页面的位置,控制页面元素的滚动差,使页面看起来有深度有纵深立体感。放飞你的设计,让页面更具个性~~下载:https://download.csdn.net/download/zhi_jie/11172152JS代码:/*// ======视觉差滚屏效果 - 夕空 | 2019-5scrollplay(元素,消失点) 消失点也就是原始坐标会和点元素需要sc 时差属性...
2019-05-11 10:34:38
604
原创 JS图片加载完毕事件 & 图片等比缩放 兼容全部浏览器
var img = new Image();img.src = =$('img').attr("src");if(img.complete){ loadpic();}else{ img.onload = loadpic;}function loadpic(){ //图片加载完毕}试了很多方式,这种方式兼容全部浏览器等比缩放,需要JQ,可适应缩放也可撑满缩放2种方式:...
2019-05-10 15:14:52
642
转载 原生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
245
转载 让页面滚动平滑
来源: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
710
原创 web端树状菜单(支持无限下级分类+修改+新增+删除)
DEMO下载:https://download.csdn.net/download/zhi_jie/10825201一开始在onethink后台里看到的,发现只能展开到3级菜单,经过我一通修改,可以无限下级分类的菜单了,可以实时修改、新增、删除,代码示例需要jquery与art-template.js(可以换成你习惯的模板引擎或修改成jq操作)注意:此树状菜单是一级一级读取jso...
2018-12-03 17:53:53
3814
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
1924
转载 图片拖拽排序与拖拽删除
转自: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
1432
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
254
转载 抛物线动画-加入购物车的小球
声明: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
405
原创 【面包屑】可根据文字大小变化尺寸-兼容主流浏览器及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
480
原创 table表格多层嵌套table采坑!(重复描边兼容问题)
你肯定会说table还要解决兼容问题,你搞笑啊~~ 是的,一开始我也会这样说,但那是在只有一个table状况下,咋折腾都没问题,直到有一天。。。 先说说为什么要嵌套table,常规情况下我们用一个table就能解决问题,拆分及合并单元格可以用到rowspan和colspan,但是搞起来真的好麻烦啊!!!复杂的表格拆结构真的吐血。比如: 为了制作一个这种表格不得已大表格套小表格(或许有更方便...
2018-06-14 21:50:25
15860
1
原创 两端对齐流式布局--全兼容ie6+
预览:作用:常用于布局时内部元素尺寸不固定,但又想整体对齐时。我们常常使用float:left;时会发生高度不一致导致下一行的排版错位。使用text-justify布局可以解决这个问题,当然内部元素只能是inline-block或inline行内元素,不支持block块级元素。最后一行默认不会两端对齐,text-align-last:justify;会使最后一行也分布对齐。...
2018-06-07 16:28:06
594
原创 flash AS3 Loader加载外部文件类 及队列加载方法
从2011年开始使用这段代码为了应对各种加载修修改改了这么多年,很基础的功能,没啥特别的,重点在于加载子swf获取它的类,还有就是卸载子swf时要清理内存,否则内存占用会节节窜高,内存溢出,所以加载新swf文件时要提前 .clear(); 没啥特别的,重点是loader.unloadAndStop(); loader.unload(); 不过注意的是音视频文件是清理不掉的,需要在子swf里写脱离场...
2018-03-31 10:53:37
1284
原创 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
440
原创 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
532
原创 获取transform值 x y z及rotate旋转角度
CSS3的时代经常会操作transform动画属性,所以也会有想获取transform属性的时候,不过当你去取值时就懵逼了,得出来的是matrix矩阵数值,而且有一点让你恼火,当你操作过z,矩阵的长度与排序就不一样了,你无法固定的取值,(貌似用jQ的一个方法是能固定取到),为了能正常取到这些值,从网上找了一些纯js版的修修改改总算搞定了。function getTranslate(node,...
2018-03-29 17:25:13
8105
转载 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
3087
1
web端树状菜单(支持无线下级分类+修改+新增+删除)
2018-12-03
360度全景播放器(可自定义前往点)
2017-11-14
sliderme JS 触摸滑屏插件
2016-11-18
flash调用js输入法
2014-12-05
Flash翻页组件源代码FlippingBook合集.rar
2013-04-21
flash元件滚动条(AS3.0)
2013-04-21
flash网站常用js支持(swfobject swfaddress swffit)
2011-12-07
greensock包类插件最新版本与收费插件(TweenMax缓动类)
2011-08-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人