05 2018 档案

远洋小镇响应式项目总结?
摘要:1.如果要想把图片文字整个整体变成响应式的,图片就必须使用img标签引入的方式外边用div包裹,而背景图片是做不了响应式的。 2.首先引入meta标签适应各种屏幕分辨率 <meta name="viewport" content="width=device-width, initial-scale= 阅读全文

posted @ 2018-05-23 09:29 向往回得来 阅读(252) 评论(0) 推荐(0)

页面加载完就执行的设置?
摘要:在JS中,如果希望在页面加载完成后执行某些操作的话,一般的写法如下: window.onload = function(){// some thing to do}; 但 是,onload函数的执行并不是我们通常所理解的浏览器构建完html页面对应的DOM树后立刻执行,而是要等到页面中所引用的图片等 阅读全文

posted @ 2018-05-08 16:56 向往回得来 阅读(272) 评论(0) 推荐(0)

动画--easeljs中的movieClip控件示例?
摘要:easeljs中的movieClip控件示例 先编写html文件,引入easeljs文件、movieClipjs文件、以及tweenjs文件,添加canvas标签 ###两个小球在画布中来回滚动效果 先编写html文件,引入easeljs文件、movieClipjs文件、以及tweenjs文件,添加 阅读全文

posted @ 2018-05-08 16:42 向往回得来 阅读(267) 评论(0) 推荐(0)

动画easelJS.js用于动画,向量和位图的绘制?
摘要:CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包,旨在降低 HTML5 项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验。 CreateJS 中包含: EaselJS:用于 Sprites、动画、向量和位图的绘制,创建 HTML5 Canvas 上的 阅读全文

posted @ 2018-05-08 16:36 向往回得来 阅读(710) 评论(0) 推荐(0)

动画--点击按钮缩放消失跳转页面?
摘要:js: function hov(obj,url){ obj.on("click",function (){ $(this).find("a").addClass("hov"); setTimeout(function (){ window.location.href=url; obj.find(" 阅读全文

posted @ 2018-05-08 15:51 向往回得来 阅读(187) 评论(0) 推荐(0)

字体从左到右动画?
摘要:/* 字体段落动画 */ @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) } 100% { opacity:1; -web 阅读全文

posted @ 2018-05-08 15:46 向往回得来 阅读(178) 评论(0) 推荐(0)

动画总结?
摘要:1.上下动画? animate-duration:5s;规定动画完成一个动画周期所花费的时间。 animate-duration-function:linear;规定动画的速度曲线 2.雪花下落动画? 雪花3D动画插件ThreeCanvas.js 雪花插件Snow.js js.js是javascri 阅读全文

posted @ 2018-05-08 11:28 向往回得来 阅读(118) 评论(0) 推荐(0)

视频插入?
摘要:1.正常MP4格式的用video标签即可。 <video src="http://www.huizhangongsi.com/video/acme.mp4" width="320" height="200" controls class="test2"></video> 2.优酷视频插入 <embe 阅读全文

posted @ 2018-05-07 16:51 向往回得来 阅读(497) 评论(0) 推荐(0)

自适应网页设计?
摘要:1.设置不同屏幕下的显示方式:col-lg-2.... 2.允许网页宽度自动调整:在网页代码头部加一个viewport标签 3.不能使用绝对宽度?--只能指定百分比宽度和width:auto; 4.相对大小字体:不能使用px,最好使用em 默认页面字体的大小像素是16像素 所以设置1.5em=1.5 阅读全文

posted @ 2018-05-03 17:34 向往回得来 阅读(126) 评论(0) 推荐(0)

布局设置加版心?
摘要:大盒子设置relative 次盒子设置absolute 中间内容居中,使用给这个盒子设置margin-left:100px的方法。 阅读全文

posted @ 2018-05-03 16:32 向往回得来 阅读(170) 评论(0) 推荐(0)

bootstrap框架使用?
摘要:头部:需要设置宽高为100%;--overflow:hidden; body{ width:100%; min-height: 100%; /* height:auto;*/ position: relative}.container-fuild{ background-size: 100% 100 阅读全文

posted @ 2018-05-03 16:30 向往回得来 阅读(136) 评论(0) 推荐(0)

Electron框架下,如何使用jquery?
摘要:基于Electron框架开发桌面应用时,如果使用了jquery,就会有冲突:jQuery is not defined。 解决方法有好几种,下面的这种方法是通过修改jquery文件来规避冲突: 打开jquery.js,在文件的开头加上: 在文件的结尾加上: 这样就不会出现找不到$的问题了。 阅读全文

posted @ 2018-05-02 08:48 向往回得来 阅读(295) 评论(0) 推荐(0)

轮播插件swiper.js?
摘要:首先引入swiper.css和swiper.js,然后引入html,并为每一个div添加一个新的类并设置每个div的背景图片进行轮播,最后初始化轮播js。 阅读全文

posted @ 2018-05-02 08:28 向往回得来 阅读(162) 评论(0) 推荐(0)

导航