随笔分类 -  JavaScript应用

1 2 3 4 5 下一页
SVG 动画实现弹性的页面元素效果
摘要：Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件，然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单，按钮或其它元素，使得交互更有趣，看起更原生与自然的感觉。http://tympanus.net/codrops/2014/12/15/ela... 阅读全文
posted @ 2015-12-07 17:19 CB 阅读(382) 评论(0) 推荐(0)
Trianglify – 五彩缤纷的 SVG 背景图案
摘要：Trianglify 是一个能够生成五颜六色的三角形图案的JavaScript库，可以用来作为SVG图像和CSS背景。它的灵感来自于 Btmills 的 Geopattern，并使用 d3.js 建立多边形的SVG图形和使用SVG过滤器进行渲染。它还包括 colorbrewer 调色板库，让您快速启... 阅读全文
posted @ 2015-12-07 16:48 CB 阅读(443) 评论(0) 推荐(0)
【转】[jQuery插件]图片居中裁切效果
摘要： 此脚本拟达到以下需求 当图片高或宽超过父容器时截取中间部分显示。 当图片宽高小于父容器时，居中显示。 插件中”width”和”height”两个参数可以设定图片实际输出的宽度。 可以通过样式设置图片的偏移位置，例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}； 第3点和第4点结合可以尽可能的解决一个问题，就是解决图片边缘模糊是造成视觉上的不爽。 阅读全文
posted @ 2011-11-30 10:24 CB 阅读(284) 评论(0) 推荐(0)
6款强大的jQuery插件 创建和加强网站布局
摘要：Javascript 打开了web设计的大门，给了Html和CSS更宽广的舞台。HTML5和CSS3，又比从前进步了一大截。神奇的根源来自JavaScript，它可以向你的网站布局中加入交互元素。以jQuery Masonry为例，它转换常规的布局，到一个真正的动态布局，可自动对齐任何项... 阅读全文
posted @ 2011-06-02 10:24 CB 阅读(290) 评论(0) 推荐(0)
2010年最佳jQuery插件
摘要：在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”，在这个星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 阅读全文
posted @ 2010-12-06 14:56 CB 阅读(233) 评论(0) 推荐(0)
转载“精简版”滚动到顶部和底部的jQuery效果
摘要：滚动到顶部和底部的jQuery效果也是一个在blog中很常见的jQuery效果。 之前一直用的是西门的《缓冲版”返回顶部”》，当然现在还在继续用，觉得蛮好的，昨天看了一些jQuery的资料，浏览了一些国外jQuery代码网站，于是自己修改了一个”精简版”滚动到顶部和底部的jQuery（折腾玩玩..）。 阅读全文
posted @ 2010-10-19 10:25 CB 阅读(542) 评论(0) 推荐(0)
jQuery.Switchable 1.0
摘要：jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration，支持自定义Effect，支持自主开发Plugin。jQuery.Switchable能实现什么样的效果？看图：TabsSlideScrollableHorizontal AccordionTaobao.com下面是构... 阅读全文
posted @ 2010-03-15 16:18 CB 阅读(751) 评论(0) 推荐(0)
直逼 Flash 的流畅感：jQuery 运动特效展示
摘要： 围剿 Flash 的不仅有 HTML 5，还有 JavaScript，著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅，有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效，这些效果可以更有效地展示你的内容。 阅读全文
posted @ 2010-03-02 10:12 CB 阅读(385) 评论(1) 推荐(0)
[译][转]jQuery 1.4 发布：15个新特性实例精讲
摘要：原文作者：James Padolsey原文来自亲泥巴：jQuery 1.4 发布：15个新特性实例精讲英文原文地址：http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/转载需保留出处。jQuery 1.4 发布：15个新特性实例精讲 jQuer... 阅读全文
posted @ 2010-03-01 15:18 CB 阅读(280) 评论(0) 推荐(0)
了解更多jQuery技巧来提高你的代码
摘要：jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！ 阅读全文
posted @ 2009-12-21 14:32 CB 阅读(336) 评论(0) 推荐(0)
在html静态网页中实现include包含功能
摘要：对于全站网页制作有用，不用配iis就可以把整站的头部导航和尾部以一个外部文件的方式引入，就好像asp php中的include功能。原理是从网上找的，后用js做了些改进。 阅读全文
posted @ 2009-07-16 09:02 CB 阅读(27739) 评论(1) 推荐(0)
无图片脚本圆角框（js半完美解决方案）
摘要：预览 阅读全文
posted @ 2009-03-09 09:50 CB 阅读(1306) 评论(0) 推荐(0)
输入框字数统计效果
摘要：0/10 阅读全文
posted @ 2009-03-06 11:22 CB 阅读(779) 评论(2) 推荐(1)
分享JS实现IE6 PNG完全透明（包括背景图片）
摘要：http://www.dillerdesign.com/experiment/DD_belatedPNG/Here is an example: <!--[if IE 6]><script src="DD_belatedPNG.js"></script><script>/* EXAMPLE */DD_belatedPNG.fix('.png_bg')... 阅读全文
posted @ 2009-02-19 11:23 CB 阅读(1440) 评论(0) 推荐(0)
11种控制内容展示的JavaScript特效和技巧
摘要：交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计，能使用户更好的理解内容。 不管你想要介绍的是什么样的内容，你都可以以更加互动和更加适应的方式去呈现现它。本文里面，我们为你收集整理了11种高超的JavaScipt技术，让你更好的控制内容的显示方式，以便用于下一次的布局设计。 阅读全文
posted @ 2009-02-05 09:10 CB 阅读(838) 评论(1) 推荐(0)
15个修复和美化浏览的jQuery插件
摘要： We advocate using CSS whenever possible, and we often successed. Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers. That’s why today we wanted to highlight 15 jQuery solutions for the most common browser issues that you’ll encounter when building w 阅读全文
posted @ 2009-02-04 08:43 CB 阅读(1072) 评论(0) 推荐(0)
模拟个密保卡的效果，没用JS框架
摘要：预览 阅读全文
posted @ 2009-01-16 13:46 CB 阅读(273) 评论(0) 推荐(0)
随意长度，有鼠标悬停状态,不限字数导航栏
摘要：预览 阅读全文
posted @ 2009-01-13 10:08 CB 阅读(250) 评论(0) 推荐(0)
用Javascript修正12个常见的浏览器问题
摘要：我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候，某些网页元素在不同的浏览器会出现不同。 阅读全文
posted @ 2009-01-10 22:06 CB 阅读(449) 评论(0) 推荐(0)
转载 JavaScript 拖放效果(程序原理+深度分析)
摘要：拖放效果，也叫拖拽，学名Drag-and-drop ，是最常见的js特效之一。 如果忽略很多细节，实现起来很简单，但往往细节才是难点所在。 这个程序的原型是在做图片切割效果的时候做出来的，那时参考了好几个同类的效果，跟muxrwc和BlueDestiny学习了不少东西。 虽然每次整理都觉得很好了，不过每隔一段时间又会发现得某个地方可以改善，某个地方有错误，某些需求需要实现，就像自己学习的知识那样。 阅读全文
posted @ 2008-11-25 08:25 CB 阅读(320) 评论(0) 推荐(0)

1 2 3 4 5 下一页