qq_24193261的博客

转载 has与find的区别

Jquery的过滤筛选:eq()索引从0开始；：first  ;  ：last  ：even基数行（索引为：0,2,4....）；：odd偶数行（索引：1,3,5........）filter()与not()两个是反义词，都针对本身dom进行操作，前者对筛选出的dom进行操作，后者对选中之外的dom进行操作。has()与find()；两者都是对后代进行筛选。has()后代中如果有符合筛

转载 前端问题

1.你常使用的HTML标签有哪些？span  p  a   div   img   ul  li    ol li    dl  dt  dd  br等        2.说下你对标签语义化的理解。“语义化”是指在人为更少的干预下让机器更好的理解和收集信息网页信息；标签的语义化可以让人们更直观认识标签和属性的作用。特别是HTML5规范以后，新出现的许多标签如header、foote

转载 多种方法实现H5网页GIF图片动画效果

在web开发中，GIF动画效果是随处可见，比如常见的loading加载、人物奔跑的gif图片等等，那么这些都是怎么实现的呢？其实实现的原理很简单，简而言之，这些所谓的动画都是一帧一帧的图片经过一段时间的间隔做出位移而来的；譬如，我们在PS里面制作GIF动画，首先要把每一帧所需要的图片制作出来，然后再通过导出的方式把GIF图片保存下来；相信会PS的同学，都可以熟练的制作一个基本的GIF动画图片；在w

原创 js多张图片做成gif动画

每隔一定时间更换图片                Img = new Array("page1_1.jpg","page1_2.jpg","page1_3.jpg");        size = Img.length;        i = 0;        function chImg(){            picID.src = Img[i];   

原创 预加载动画（自定义）

css3样式.loading_box {    bottom: 0;    left: 0;    position: absolute;    right: 0;    top: 0;    z-index: 66;}.loader-inner, .loading, .loading_text {    position: absolute;    t

原创 动画的显示与隐藏

jQuery之动画效果1、show()显示效果　　语法：show(speed,callback)　　Number/String,Function　speend为动画执行时间，单位为毫秒。也可以为slow","normal","fast"　callback可选,为当动画完成时执行的函数。　　　　   show(speed,[easing],callback)　　Number/String

原创 css3实现帧动画

css代码         .ani{    height:100%;    width:100%;     background:url(xulie.jpg) no-repeat 0 0;    -webkit-animation:flag_ani 6s steps(30) infinite;}@-webkit-keyframes flag_ani{ 

原创 Flex 布局初学

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安

原创 在微信发布网页seo

转载 meta property=og标签含义及作用

MetaProperty=og标签是什么呢?　　og是一种新的HTTP头部标记，即OpenGraph Protocol：　　The OpenGraph Protocol enablesany web page to become a rich object in a socialgraph. 　　即这种协议可以让网页成为一个“富媒体对象”。　　用了MetaP

转载 精选9个值得学习的 HTML5 效果【附源码】

http://www.cnblogs.com/lhb25/p/9-html5-effects.html

原创 Swiper初识

今天，新接触一个新的插件Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。1.Swiper使用方法html>head> ... link rel="stylesheet" href="path/to/swiper.min.css">head>body> ... script src="path/to/jq

原创 悬浮层

demo效果：之前要引入：jqueryHTML5代码：Css代码js代码

原创 canvas与js位置

当：js在canvas之前时无法加载当：js在canvas之前时添加window.onload =function()正常加载同样也可以canvas在js之前时添加正常加载