web特效集
关注
分享
扫一扫
文章平均质量分 63
iteye_2865
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用jquery给img绑定error事件的问题(页面图片如果加载失败则用默认图片显示)
先检查图片是否加载成功，然后如果失败的话再绑定事件。而且替换一次就好了。 <img src="xxxx.jpg" alt="" /> <script> jQuery(document).ready(function(){ jQuery('img').each(function(){ var error = false; ...原创 2014-03-02 15:44:46 · 1036 阅读 · 0 评论 -
js控制图片在规定范围内以长宽比例自适应显示
当图片在页面显示时，如果宽度大于高度且大于显示区域宽度那么以宽度为准等比缩放；如果高度大于宽度且大于显示区域高度那么以高度为准；若大者都小于显示区域对应尺寸时，不用缩放只用居中显示；要实现这个功能的话可以上传的时候用程序对图片裁切，而这里要将的是用js在web端实现此功能，其实很简单，js代码如下： // JavaScript Document function changeImgSize...原创 2014-10-22 00:44:49 · 556 阅读 · 0 评论 -
Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。 效果如下： 示例代码例1： <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>...原创 2014-07-30 16:54:33 · 294 阅读 · 0 评论 -
UELike首页鼠标晃动效果过
<!DOCTYPE html> <html> <head> <title>jQuery实现很酷的鼠标互动效果_网页代码站(www.webdm.cn)</title> <style type="text/css"> * { padding: 0; margin: 0; }原创 2014-07-22 11:56:45 · 188 阅读 · 0 评论 -
看到过的比较好的jquery插件
1、Magnific-Popup-master 图片弹出展示特效，支持手机，效果如下： 参考地址：http://dimsemenov.com/plugins/magnific-popup/ 2、fullPage.js 如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面...原创 2014-07-22 10:58:24 · 175 阅读 · 0 评论 -
jQuery.easing使用说明
最近做特效的时候用到jQuery.easing插件这里将知识点做个备份： jQuery.easing插件中包含了有多的动画特效，其中默认的是swing和def特效。其它的特效说明如下： easeInQuad easeOutQuad easeInOutQuad 二次方缓动 easeInCubic easeOutCubic ea...原创 2014-07-21 23:24:55 · 243 阅读 · 0 评论 -
jquery实现滚动鼠标时整屏翻页特效的实现
整屏翻页效果可详见苹果IPHONE5S的介绍页面：http://www.apple.com/cn/iphone-5s/， 当然苹果和其他很多类似同类整屏翻页的例子都是把页面滚动条隐藏掉。这次也将不把滚动条隐藏掉，并且可以通过点击/拖动滚动条实现整屏翻页的方法写出来。 鼠标滚轮实现整屏翻页： 该实例使用了jQuery Mousewheel插件（http://plugins.jquery.com...原创 2014-07-21 23:14:33 · 1891 阅读 · 1 评论 -
jquery ajax错误方法处理
error: function(jqXHR, exception) { if (jqXHR.status === 0) { alert('Not connect.\n Verify Network.'); } else if (jqXHR.status == 404) { al...原创 2014-06-04 15:14:27 · 219 阅读 · 0 评论 -
jquery.fn.extend与jquery.extend的区别于理解
jQuery为开发插件提拱了两个方法，分别是： JavaScript代码 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 fn 是什么东西...原创 2014-05-17 10:46:05 · 117 阅读 · 0 评论 -
onmouseout,mouseover经过子元素也触发的问题解决方案(兼容)
可以参考这个网站：http://blog.youkuaiyun.com/ltx851201/article/details/6800553 问题描述： 当鼠标移入DIV内部的Img或其它元素上时，内部元素的mouseover事件被触发。但是再次将鼠标移动到DIV内部的另一个内部元素时，却会发现首先被触发的是DIV的mouseout事件，紧接着才是当前这个元素的mouseover事件。 ...原创 2014-05-15 13:04:14 · 632 阅读 · 0 评论 -
好的js特效网站！！！
http://www.5icool.org/ 上边的东西相当不错！！！！ http://www.aa25.cn/css_example/401.shtml 十个技术含量超高的JS图片展示特效！！！原创 2014-05-08 10:40:34 · 320 阅读 · 0 评论 -
Jquery ajax完整调用示例（也就是如何调试错误）
ajax完整用法如下： $(document).ready(function() { jQuery("#clearCac").click(function() { jQuery.ajax({ url: url, type: "post", ...原创 2015-04-18 08:06:01 · 192 阅读 · 0 评论