随笔档案「2008年5月」 - CB

CSS为图片添加相框各种效果。

摘要：

阅读全文

posted @ 2008-05-31 10:59 CB 阅读(3146) 评论(0) 推荐(0)

Design Elements

摘要：

Design Elements 阅读全文

posted @ 2008-05-30 16:34 CB 阅读(172) 评论(0) 推荐(0)

背景，文字，边框选中后颜色渐变

摘要：

效果本地下载阅读全文

posted @ 2008-05-29 21:45 CB 阅读(397) 评论(0) 推荐(0)

文字，图片滚动效果

摘要：

效果本地下载阅读全文

posted @ 2008-05-29 21:42 CB 阅读(209) 评论(0) 推荐(0)

图片轮转效果

摘要：

效果本地下载阅读全文

posted @ 2008-05-29 21:36 CB 阅读(858) 评论(0) 推荐(0)

横向、竖向渐隐下拉菜单

摘要：

横向效果本地下载阅读全文

posted @ 2008-05-29 21:32 CB 阅读(793) 评论(0) 推荐(0)

1KB的横向滑动菜单脚本

摘要：

滑动菜单效果是非常酷的，但很多时候，我们不希望为了酷使用大量脚本，影响到网页的载入速度．现在，如果你想弄一个滑动菜单，那你不用担心这个问题了，Leigeber创建了一个1KB的横向滑动菜单脚本．别看它小，丝毫不逊色于那些使用jQuery或Mootools框架的滑动菜单脚本，这是一个多用途且独立的横向手风琴脚本，可用于菜单，图片，演示文稿的内容和更多你想使用的地方．它的一个更大的特点是，该脚本可以根据菜单的元素个数来自动调整适应菜单的尺寸。阅读全文

posted @ 2008-05-29 19:28 CB 阅读(628) 评论(0) 推荐(0)

图片垂直居中的使用技巧

摘要：

补充资料在曾经的淘宝UED 招聘中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。 /p 阅读全文

posted @ 2008-05-29 10:48 CB 阅读(258) 评论(0) 推荐(0)

详解css定位与定位应用

摘要：

定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。阅读全文

posted @ 2008-05-28 11:25 CB 阅读(262) 评论(0) 推荐(0)

语义化你的HTML标签和属性

摘要：分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用<div>来代替<p>标记标题。阅读全文

posted @ 2008-05-28 10:13 CB 阅读(410) 评论(1) 推荐(0)

163今日焦点的图片切换轮转效果

摘要：

预览下载阅读全文

posted @ 2008-05-25 11:31 CB 阅读(313) 评论(0) 推荐(0)

50多套CSS导航菜单免费资源

摘要：

50多套CSS导航菜单免费资源阅读全文

posted @ 2008-05-25 10:31 CB 阅读(5410) 评论(0) 推荐(0)

50种强大的CSS技术

摘要：

这是来自SmashingMagazine的又一个CSS相关资源收集文章，事实上，里面有一半多的技巧，帕兰在之前翻译Noupe的101个CSS技术高级应用教程(上)和101个CSS技术高级应用教程(下)里面都已经介绍过了。不过还是全部翻译一个，就当作是复习吧。阅读全文

posted @ 2008-05-25 10:29 CB 阅读(543) 评论(0) 推荐(0)

60多个网页导航菜单设计实例欣赏

摘要：

导航是网页设计中的重要元素。一个良好的网页导航系统能不止是要把它设计的够漂亮，同时更重要的是要能够带领你的用户逗留在你的网站之中，让访客轻松找到他们想要观看的内容。这篇文章介绍了导航菜单在近期的发展趋势，实例和创新的解决方案，非常的丰富，相信能够为你的下次网页设计带来更好的灵感和参考。阅读全文

posted @ 2008-05-25 10:25 CB 阅读(4506) 评论(0) 推荐(0)

7个强大超酷的CSS导航菜单

摘要：

新的技术在不断的发展和更新，利于我们创造更多独特和看上去很酷的菜单效果。下面是7个基于CSS创建的网页导航菜单：阅读全文

posted @ 2008-05-25 10:07 CB 阅读(2853) 评论(0) 推荐(0)

多个Mac风格的鱼眼菜单(Dock Menu)免费下载和教程

摘要：

我们爱Mac，我们爱Mac风格的“鱼眼菜单”，也就是Dock Menu:当你鼠标悬浮在图标或链接上面的时候，会放大展示出来。下面是几个Mac风格的鱼眼菜单(Dock Menu),你可以免费下载它们，并应用到你的Web设计中: 阅读全文

posted @ 2008-05-25 09:57 CB 阅读(1097) 评论(0) 推荐(0)

CSS Library

摘要：

http://www.dynamicdrive.com/style/ 阅读全文

posted @ 2008-05-25 09:30 CB 阅读(285) 评论(0) 推荐(0)

45个新鲜出炉的jQuery插件

摘要：

之前已经为你介绍了50多个强大的jQuery插件，但是承受着jQuery的流行，越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件，看看，有哪些是你想要应用到你的网页设计中的？阅读全文

posted @ 2008-05-25 09:15 CB 阅读(987) 评论(0) 推荐(0)

50个开发者最喜欢使用的jQuery插件

摘要：

jQuery是近段时间里比较流行的一个JavaScript框架，不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列，你先品尝，第二道大餐即将到来。阅读全文

posted @ 2008-05-24 19:18 CB 阅读(2074) 评论(0) 推荐(0)

JQuery插件集

摘要：

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆j 阅读全文

posted @ 2008-05-24 19:06 CB 阅读(808) 评论(0) 推荐(0)

xmlHttpRequest无刷新验证用户名

摘要：

现在好多网站上的注册都用了无刷新验证用户名,这种效果咋看感觉很复杂很难实现,其实它里面用到了Ajax中的核心xmlHttpRequest这个类,如果只是单单想实现这个效果,压根就不用引用Ajax.Net中的组件,因为感觉有点大材小用,下面是具体实现这种效果的方法,希望能给初学Ajax的朋友带来一点帮助. 阅读全文

posted @ 2008-05-24 19:04 CB 阅读(1338) 评论(2) 推荐(0)

输入框默认文字，点击消失。

摘要：阅读全文

posted @ 2008-05-24 17:32 CB 阅读(1339) 评论(4) 推荐(1)

图层遮罩效果

摘要：

预览阅读全文

posted @ 2008-05-24 01:53 CB 阅读(252) 评论(0) 推荐(0)

JS图片放大查看效果! (代码全部重构,兼容IE,FF,OP,简单,健壮)

摘要：

预览阅读全文

posted @ 2008-05-24 01:52 CB 阅读(403) 评论(0) 推荐(0)

拖动层,拖动到指定的感应区后触发自定义事件的类调用简单 IE ,FF2 注解详细已封装

摘要：

预览阅读全文

posted @ 2008-05-23 10:57 CB 阅读(186) 评论(0) 推荐(0)

模糊渐变的图片轮转效果

摘要：

预览下载阅读全文

posted @ 2008-05-23 09:56 CB 阅读(567) 评论(0) 推荐(0)

鼠标上去图片慢慢变大

摘要：

预览阅读全文

posted @ 2008-05-21 23:17 CB 阅读(337) 评论(0) 推荐(0)

点击出现图片大图效果

摘要：

预览阅读全文

posted @ 2008-05-21 23:03 CB 阅读(214) 评论(0) 推荐(0)

北京奥运网站的图片切换轮转效果

摘要：

预览下载阅读全文

posted @ 2008-05-21 22:52 CB 阅读(254) 评论(0) 推荐(0)

两个封装了Ext JavaScript Framework的ASP.NET服务器控件

摘要：Coolite Studio (ASP.NET)" ExtJsExtenderControl 阅读全文

posted @ 2008-05-21 10:56 CB 阅读(690) 评论(0) 推荐(0)

支付宝滚动文字新闻

摘要：预览下载阅读全文

posted @ 2008-05-21 09:10 CB 阅读(200) 评论(0) 推荐(0)

Extjs中文网

摘要：Extjs中文站 Extjs中文网阅读全文

posted @ 2008-05-20 15:10 CB 阅读(571) 评论(0) 推荐(0)

滑动展开效果类

摘要：效果阅读全文

posted @ 2008-05-20 13:25 CB 阅读(203) 评论(0) 推荐(0)

全国哀悼日网站灰黑色CSS滤镜代码

摘要：全国哀悼日网站灰黑色CSS滤镜代码根据国务院文件，5.19-5.21为全国哀悼日，在此期间，全国和各驻外机构下半旗志哀，停止公共娱乐活动，外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起，全国人民默哀3分钟，届时汽车、火车、舰船鸣笛，防空警报鸣响。很多草根网站都将整站换成素装。并建议中国所有站点更换为素装。国务院决定5月19日至21日为全国哀悼日阅读全文

posted @ 2008-05-19 22:52 CB 阅读(430) 评论(0) 推荐(0)

点击线框动画效果

摘要：效果：http://www.chenbincb.cn/cnblogs/demo25/1.html 阅读全文

posted @ 2008-05-15 15:29 CB 阅读(191) 评论(0) 推荐(0)

图层滑动跟随鼠标的效果

摘要：效果1：http://www.chenbincb.com.cn/cnblogs/demo23/1.html 效果1：http://www.chenbincb.com.cn/cnblogs/demo23/2.html 阅读全文

posted @ 2008-05-15 15:24 CB 阅读(463) 评论(1) 推荐(0)

划过放大的列表

摘要：实例示范：http://www.chenbincb.cn/cnblogs/demo22/1.html 下载：http://www.chenbincb.cn/cnblogs/demo22/1.rar 阅读全文

posted @ 2008-05-13 16:03 CB 阅读(214) 评论(0) 推荐(0)

51job效果多城市选择

摘要：多城市：http://www.chenbincb.com.cn/cnblogs/demo20/1.html 多城市限定数量：http://www.chenbincb.com.cn/cnblogs/demo20/2.html 多城市弹出层选择：http://www.chenbincb.com.cn/cnblogs/demo20/3.html 单城市：a href="http://www.chenbincb.com.cn/cnblogs/demo21/1.html" t 阅读全文

posted @ 2008-05-12 22:22 CB 阅读(1212) 评论(3) 推荐(0)

效果很不错的日历现实控件

摘要：效果：http://www.chenbincb.com.cn/cnblogs/demo19/1.html 阅读全文

posted @ 2008-05-12 21:32 CB 阅读(201) 评论(0) 推荐(0)

Portal模块拖放演示(状态可存)

摘要：效果预览下载阅读全文

posted @ 2008-05-12 21:24 CB 阅读(491) 评论(0) 推荐(0)

一个城市、日历选择功能

摘要：效果：http://www.chenbincb.com.cn/cnblogs/demo17/1.html 阅读全文

posted @ 2008-05-12 21:18 CB 阅读(174) 评论(0) 推荐(0)

24点计算

摘要：算24 阅读全文

posted @ 2008-05-12 20:58 CB 阅读(248) 评论(0) 推荐(0)

13款珍品CSS+Javascript菜单

摘要：每个 web 设计者都希望设计出富有创造性的导航菜单。现在为您呈现 13 个希奇的 Javascript CSS 菜单，你可以通过修改来设计出符合自己意愿的个性菜单。阅读全文

posted @ 2008-05-12 20:56 CB 阅读(781) 评论(0) 推荐(0)

几行代码搞定一棵漂亮的树！

摘要：预览下载阅读全文

posted @ 2008-05-12 16:10 CB 阅读(254) 评论(0) 推荐(0)

点图换说明文字

摘要：http://www.chenbincb.cn/cnblogs/demo15/1.html 阅读全文

posted @ 2008-05-12 10:48 CB 阅读(144) 评论(0) 推荐(0)

Ajax-loading 动态图标

摘要：在以下的网站可以自定义你所需要的loading图片，再下载！款式，数量更多；更符合你的需求。 http://www.loadinfo.net/ http://www.webscriptlab.com/ 阅读全文

posted @ 2008-05-12 10:35 CB 阅读(389) 评论(0) 推荐(0)

绝对经典的滑轮新闻显示(javascript+css)

摘要：效果：http://www.chenbincb.com.cn/cnblogs/demo14/1.html 阅读全文

posted @ 2008-05-10 10:37 CB 阅读(259) 评论(0) 推荐(0)

阿里巴巴右侧6滑块VS雅虎右侧6滑块VS自定义6滑块

摘要：阿里巴巴：http://www.chenbincb.com.cn/cnblogs/demo13/1.html 雅虎：http://www.chenbincb.com.cn/cnblogs/demo13/2.html 自定义：http://www.chenbincb.com.cn/cnblogs/demo13/3.html/a 阅读全文

posted @ 2008-05-10 10:28 CB 阅读(279) 评论(0) 推荐(0)

酷酷的图片预览带加载效果

摘要：效果： http://www.chenbincb.com.cn/cnblogs/demo12/1.html 阅读全文

posted @ 2008-05-10 10:15 CB 阅读(334) 评论(0) 推荐(0)

两个textarea和并

摘要：http://bbs.blueidea.com/thread-2852450-1-1.html 阅读全文

posted @ 2008-05-06 09:31 CB 阅读(400) 评论(0) 推荐(0)

功能强大，代码简单的管理菜单

摘要：http://bbs.blueidea.com/thread-2851793-1-1.html 蓝色风格：预览下载蓝色风格双击关闭：预览下载b 阅读全文

posted @ 2008-05-04 13:15 CB 阅读(259) 评论(0) 推荐(0)

CSS样式指南：提高CSS代码的可读性

摘要：/*------------------------------------------------------------------ [Layout] * body + Header / #header + Content / #content - Left column / #leftcolumn - Right column / #rightcolumn - Sidebar / #sidebar - RSS / #rss - Search / #search - Boxes / .box - Sideblog / #sideblog + Footer / #footer Navigation #navbar Advertisements 阅读全文

posted @ 2008-05-04 08:59 CB 阅读(555) 评论(0) 推荐(0)

点击伸缩显示层内容

摘要：全兼容：http://www.chenbincb.com.cn/cnblogs/demo10/1.html 拖动：http://www.chenbincb.com.cn/cnblogs/demo10/2.html 双开：http://www.chenbincb.com.cn/cnblogs/demo10/3.html 阅读全文

posted @ 2008-05-02 08:56 CB 阅读(481) 评论(0) 推荐(0)

选择checkbox显示隐藏内容

摘要：http://bbs.blueidea.com/thread-2851297-1-1.html 阅读全文

posted @ 2008-05-02 08:45 CB 阅读(974) 评论(0) 推荐(0)

可多次使用的仿126邮箱选项卡的源码

摘要：效果：http://www.chenbincb.cn/cnblogs/demo9/1.html 阅读全文

posted @ 2008-05-02 08:33 CB 阅读(368) 评论(0) 推荐(0)

视觉中国的首页图片轮显

摘要：