jquery-scrolla是一款页面滚动触发动画插件

jquery-scrolla是一款页面滚动触发动画插件
jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。 简要教程 jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。它和animate.css完美结合,可以执行animate.css中的任何CSS3动画效果。 在页面中引入jquery和scrolla.jquery.min.js以及animat...
守财鹿邀请码

这个应该是最简单图片懒加载了吧

这个应该是最简单图片懒加载了吧
这个应该是最简单的懒加载方式了吧…… <script type="text/javascript">    /*懒加载*/ var isInitImg = false; function initImg() {     if (isInitImg) {         return;     }     isInitImg = true;     $.each($('img'), function(i, item) {         var srcValue = $(item).attr('data-src');         if (srcValue) {             $(item).attr('src', srcValue);         }     }); } $(...

利用图片延迟加载来优化页面性能(依赖jQuery)

利用图片延迟加载来优化页面性能(依赖jQuery)
图片延迟加载,常用于页面很长,图片很多的页面,整个页面少说几百K,多则上兆,如果想一次性加载完成,不仅用户要哭了,服务器也得哭了。 为了避免这种请况发生,目前主流的做法是页面初次加载时,只显示当前可视区域的图片,当用户滚动页面的时候,当图片进入可视区域时再加载,这样可以明显的提高页面加载速度,而更少的图片并发请求数,也可以大大的减轻服务器的压力,可谓一举多得。 图片延迟加载的...

js 打印数组的指定个数的所有组合

js 打印数组的指定个数的所有组合
下面是js打印指定任意个数(2个以上)数组的指定个数的组合。 数据:<input name="arry" id="arry" size="30" value="1,2,3,4,5,6,7,8"> 组合位数:<input name="num" id="num" size="2" value="4"/> <button onClick="com()">计算</button> <div id="show"><...

人人必知的10个jQuery小技巧

人人必知的10个jQuery小技巧
收集的10个 jQuery 小技巧/代码片段,可以帮你快速开发。 1.返回顶部按钮 你可以利用 animate 和 scrollTop 来实现返回顶部的动画,而不需要使用其他插件。 // Back to top $('a.top').click(function () { $(document.body).animate({scrollTop: 0}, 800); return false; }); <!-- Create an anchor tag --> <a class="top" href="#">Back to top</a> 改变 scrollTop 的值...

jQuery+CSS鼠标放图片上滑动显示文字特效

jQuery+CSS鼠标放图片上滑动显示文字特效
鼠标移动图片上显示文字 JQ特效,鼠标移到到图片上时图片底部从下到上显示文字内容,同时背景半透明,本特效使用DIV CSS+jQuery实现。 鼠标悬停放在图片上显示文字内容特效效果截图 <script type="text/javascript"> $(document).ready(function(){ $(".imgtext").hide(); $(".imgbox").hover(function(){ $(".imgtext",this).slideToggle(500)...

使用Move.js创建CSS3动画

使用Move.js创建CSS3动画
在网站上,CSS3 的过渡和动画是当前创建轻量级动画的首选方法。不幸的是,很多开发者发现他们自己的语法和复杂和混乱的。如果这听起来像你自己,对你来说,或许Move.js是完美的方案。Move.js是使用简单函数创建 CSS3 动画的一个简单的JavaScript库。 Move.js 提供了创建 CSS3 动画的最简单的 JavaScript API。让我们假设有一个带类 box 的 div 元数,当鼠标 移动到 div 上面的时候我们想从左侧移动元素100...

解决IE中a标签绝对定位设置高宽却无法点击的办法

解决IE中a标签绝对定位设置高宽却无法点击的办法
元素绝对定位以后设置了高宽原因: 1、元素内并无内容 2、背景是透明的,无任何背景图或者颜色 解决方法: 1、如果不是绝对定位元素的,可以用相对定位 2、给元素加透明的背景图,或者给元素加背景颜色,然后设置透明度为0 3、IE可以只用 background:url(about:blank) 解决 第三种方法平时用用是可以的,但是在某种情况下会有bug, 比如JS拖动层时候,拖动的 事件在一个透明层上面,你有设置了其他鼠标光标...

Web前端知识技能大汇总

Web前端知识技能大汇总
随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。 前端开发知识结构 前端工程师 浏览器 IE6/7/8/9/10/11 (Trident) Firefox (Gecko) Chrome/Chromium (Blink) Safari (WebKit) Opera (Blink) 编程语言 JavaScript/Node.js CoffeeScript TypeScript 切页面 HTML/HTML5 CSS/CSS3 Sass/L...

js 笔记

js 笔记
这篇文章我将把我的部分在工作中遇到的部分效果片段js(jq)记录下来,以防以后用得着,希望对大家有用。 导航菜单滚动到顶部后固定 <script> $(function(){ navbod = $('.ibaike_menu'); //选择目标元素 var nav = navbod.position(); //获取目标元素的位置;left,top的值 navWidth = navbod.width() //获取目标元素的当前宽度(因为使用position:fixed后,需要设定宽度才能保持元素的原始...
Copyright © WEB小工匠 保留所有权利.   渝ICP备15008469号

渝公网安备 50023602000173号

用户登录

分享到: