杨杨0708 - 博客园

2016年5月24日

摘要： http://layer.layui.com 第一节：layer.alert()弹窗的用法 1、解压layer-v2.2.zip压缩包 2、拷贝layer文件夹到实战项目目录 3、注意：layer.js是依赖jquery的，所以需要写上以下两行代码 <script type="text/javasc 阅读全文

posted @ 2016-05-24 16:37 杨杨0708 阅读(6013) 评论(0) 推荐(0) 编辑

js原生写的微博留言板有angularjs效果

摘要： 1、HTML: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="css/weibo.css"/> <title>微博发布框</title></head><body><d 阅读全文

posted @ 2016-05-24 15:58 杨杨0708 阅读(722) 评论(0) 推荐(0) 编辑

2016年5月20日

input框的默认bug解决办法

摘要： input框的默认bug是在没干掉边框的情况下是不能设置背景颜色的，否则边框会变成内边框(黑色)效果，很难看。解决办法是： none掉input框的边框：border:none; 再设置其背景色为任何颜色就没问题了。但是，此时你要是想给这个input框一个看上去的边框怎么办，因为none掉了，所阅读全文

posted @ 2016-05-20 15:00 杨杨0708 阅读(226) 评论(0) 推荐(0) 编辑

2016年5月17日

inheritprototype原型继承封装及综合继承最简实例

摘要： 1、inheritprototype.js ;(function(){ var s = { inheritObject:function(o){//对象继承封装 var F = function(){}; F.prototype = o; return new F(); }, inheritProt 阅读全文

posted @ 2016-05-17 14:47 杨杨0708 阅读(1795) 评论(0) 推荐(0) 编辑

JS中的call()和apply()方法

摘要： 1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由阅读全文

posted @ 2016-05-17 14:16 杨杨0708 阅读(169) 评论(0) 推荐(0) 编辑

2016年5月16日

段落p元素内的响应式文本布局就靠rem单位实现

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>设置字体为rem单位，文本会不会响应式变化</title></head><body><p style="font-size: 2rem;">就对啦客观上看就按悲伤的阅读全文

posted @ 2016-05-16 10:33 杨杨0708 阅读(640) 评论(0) 推荐(0) 编辑

2016年5月13日

图片自适应浏览器窗口宽度——就是响应式图片等比缩放效果

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>图片宽度自适应</title> <style type="text/css"> img{ max-width: 100%;//一个max-width解决图片响应式阅读全文

posted @ 2016-05-13 16:26 杨杨0708 阅读(3576) 评论(0) 推荐(0) 编辑

iconfont.cn阿里巴巴矢量图下载字体图标实战

摘要： 1、阿里巴巴矢量图网址：www.iconfont.cn 2、然后用新浪微博账号登录 3、输入要查找的图标相应的关键字，回车 4、滑过要找的图标，点击购物车，让图标存储到暂存架中 5、点击暂存架，存储为新的项目 6、输入项目名，就会跳转到项目管理界面 7、然后点击下载到本地就会生成一个iconfont 阅读全文

posted @ 2016-05-13 11:04 杨杨0708 阅读(2265) 评论(0) 推荐(0) 编辑

2016年5月12日

layer.layui.com 一个不错的弹窗层js插件库

摘要： http://layer.layui.com/ 阅读全文

posted @ 2016-05-12 20:34 杨杨0708 阅读(362) 评论(0) 推荐(0) 编辑

自定义浏览器滚动条的样式，打造属于你的滚动条风格——兼容IE和webkit(ff不支持)

摘要：前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得有必要折腾一下。于是在各大浏览器中对比了一下，发现只用Chrome适用，也就是说这个用的是Chrome的私有CSS属性。便百之谷之后，发现原来不仅仅只用Chr 阅读全文

posted @ 2016-05-12 11:13 杨杨0708 阅读(24708) 评论(1) 推荐(5) 编辑

2016年5月11日

css3实战版的点击列表项产生水波纹动画——之jsoop面向对象封装版

摘要： 1、html： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href="./cs 阅读全文

posted @ 2016-05-11 20:16 杨杨0708 阅读(683) 评论(0) 推荐(0) 编辑

css3实战版的点击列表项产生水波纹动画

摘要： 1、html+js： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href=". 阅读全文

posted @ 2016-05-11 11:05 杨杨0708 阅读(870) 评论(0) 推荐(0) 编辑

2016年5月10日

一个简单版的波纹css3动画

摘要： ul{width: 300px;border: red;}ul li{width: 300px;height: 70px;line-height: 70px;background: #fff;text-align: center;cursor: pointer;overflow: hidden;bo 阅读全文

posted @ 2016-05-10 16:46 杨杨0708 阅读(5184) 评论(0) 推荐(0) 编辑

CSS3动画效果——js调用css动画属性并回调处理详解

摘要： http://www.jb51.net/css/258407.html 这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下我们在做js动画的时候，很多时候都需要做回调处理，如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等，但在使用CSS3动画时能不能捕获到运动阅读全文

posted @ 2016-05-10 15:49 杨杨0708 阅读(8462) 评论(0) 推荐(0) 编辑

CSS3 :target伪类实现Tab切换效果 BY commy

摘要： http://www.shejidaren.com/examples/css3-target/css3-target.html#tab1 标签一标签二标签三欢迎加设计达人Q群：50063010设计达人以原创和分享一些高质量的设计文章为主，希望喜欢！本Tab切换效果纯CSS3制作，无任何Jav 阅读全文

posted @ 2016-05-10 15:37 杨杨0708 阅读(285) 评论(0) 推荐(0) 编辑

css :active伪类的理解

摘要： /*active伪类为点击鼠标按下去还没松开鼠标的那一瞬间的事件*/ 阅读全文

posted @ 2016-05-10 15:36 杨杨0708 阅读(250) 评论(0) 推荐(0) 编辑

CSS3 :target伪类的理解与使用

摘要： CSS3 :target伪类用来改变页面中锚链接URL所指向的ID元素的样式，例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成#tab:target {color:blue} 浏览器支持：不支持IE8及以下的IE版本，IE9支持这个属性，其它非IE内核浏览器如：Firefox 阅读全文

posted @ 2016-05-10 15:35 杨杨0708 阅读(2288) 评论(0) 推荐(1) 编辑

最简化模型2——css3分阶段动画效果(经过实测)之转动的div

摘要： @keyframes mymove{ 0%{top: 0;left: 0;transform:rotate(50deg);} 10%{top: 100px;left: 50px;transform:rotate(80deg);} 20%{top: 300px;left: 40px;transform 阅读全文

posted @ 2016-05-10 14:52 杨杨0708 阅读(196) 评论(0) 推荐(0) 编辑

最简化模型——css3分阶段动画效果(经过实测)

摘要： body { background: #dcdcdc; -webkit-animation: colorin 5s; /* chrome调用属性 */ animation: colorin 5s; /* firefox可调用的属性，最基本的要给出动画帧的名称和持续时间，才会有动画效果 */}@-we 阅读全文

posted @ 2016-05-10 14:45 杨杨0708 阅读(553) 评论(0) 推荐(0) 编辑

2016年5月6日

绝对牛逼的网上矢量图标搜索下载网址——阿里巴巴矢量图

摘要： http://www.iconfont.cn——阿里巴巴矢量图需要什么图标在上面一搜，就出来了你想要的icon，下载下来就可以用了，非常方便。阅读全文

posted @ 2016-05-06 13:24 杨杨0708 阅读(567) 评论(0) 推荐(0) 编辑

公告