自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(25)
  • 收藏
  • 关注

原创 前端设计开发资源贡献N.01

收集世界网页设计、Web开发领域的新鲜事,资源,技术教程还有免费的设计和开发资源。 Sticky Table Headers & Columns 推荐度: ★★★★ 头部、侧栏固定跟随式的Table列表。 JQUERY NOTEBOOK 推荐度: ★★★ 一个简单,干净优雅的文本编辑器。 Grid 推荐度: ★★★ 一

2014-03-24 21:10:52 203

转载 瀑布流-Wookmark jQuery plugin 插件

原文链接: jQuery Wookmark 在线示例: jQuery Wookmark Demo Wookmark官网: http://www.wookmark.com/jquery-plugin 当你第一次打开 图片分享网站Pinterest 时,你可能会由衷地赞叹: "哇,每列图的宽度都是相同的,而所有的图片都被裁剪显示为正确的比例."  普通用户可能觉得没什么,但作为一名

2014-03-24 21:04:29 289

原创 HTML5中的section和article元素的使用

看了许多老外的博客都已经改为HTML5框架,对于HTML5的实践我们也只是在移动版开发的时候使用,昨天看了个老外的博客其中谈及了HTML5新的元素article和section的应用,官方其实有一个模糊的标准,但经过后期技术革新和优化有了一套更为人用之的模型,优化后更利于搜索引擎和文章架构的层次表现。这里我只想谈谈我自己对这两个新元素的使用方法,如有错误请在留言指出,不甚感激。 1.

2014-03-24 20:59:35 980

原创 CSS实现垂直居中的两种方式

最近上遇到的垂直居中的问题,在网上搜罗了一些资料在这里给大家讲解一下,在容器里内容始终垂直居中,实现这个效果我总结了2种方法,一起来看实例。 第一种方法: 用CSS3的transform属性来实现,如下建立父子级的容器和CSS。这种方法有点类似相对/绝对定位关系。由于top属性是内联的,我们需要在子级减去这些高度就可以得到居中的效果了。 .children {

2014-03-24 20:48:19 200

原创 jQuery中的mouseenter和mouseleave事件

大家知道事件的冒泡特性,在上面的BUG中也正是因为这个冒泡特性,对于mouseover事件来说 ,当鼠标从其他元素 移动到 child节点时发生,但此事件会冒泡 所以会导致 parent 也出发mouseover。如果我们对 parent注册了 mouseover监听,从 parent移动到child 同样出发parent的mouseover 有时候我们不希望这样的事情发生。 对于 mous

2012-09-11 20:36:55 240

原创 如何设置select下拉菜单的高度

众所周知,select要设置宽度很简单,但是真要设置它的高度貌似还没啥好办法。 select有一个size属性,就是显示option的项数目,那么我们可以通过这个属性去想想办法,请看下面这段: 北京 上海 天津 重庆 河北 山西 内蒙古 好像还不错是吧?哈哈,但一定要记得如果弄不好会出现页面被挤来挤去的现象,所以一定要记得设置好父元素(div、li、td)的高

2012-08-06 10:46:22 1353

原创 ie6 z-index

IE下z-index的bug 在IE浏览器中,定位元素的z-index层级是相对于各自的父级容器,所以会导致z-index出现错误的表现。 解决方法是给其父级元素定义z-index

2012-07-19 14:27:14 189

原创 设为首页、加入收藏

设为首页  加入收藏

2012-06-19 14:48:26 241

原创 实现在下拉框中打开友情链接2种方法

采用下拉框,当选取下拉列表框时,找开对应的网址,有两种:本地窗口打开,新窗口打开 新窗口的打开代码:   --- 友情链接 ---   http://www.163.com>网易  http://www.sina.com.cn>新浪  http://www.sohu.com>搜狐     跳转到当前页:     --- 友情链接 ---

2012-06-19 14:27:57 369

转载 word-break : normal | break-all | keep-all

word-break : normal | break-all | keep-all  参数: normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日

2012-04-23 11:26:30 328

转载 IE6宣布在美国死亡

(Microsoft celebrates as usage drops below one per cent),微软的原文: 微软庆祝IE6使用率低于1%在美国。 IE6,在美国搞IT的人称之为”witch”,意为”巫婆”,现在”巫婆”死了,目前美国还在使用IE6的人只有那些顽固不化和被称为倒霉鬼的一群人。 美国是使用IE6浏览器人数比较少国家之一,其中包括瑞典,奥地利,丹麦和墨西哥,但美国

2012-01-30 16:08:41 3205 1

转载 实话实说 —— 心理模型vs实现模型

三金:欢迎各位来到这一期的CDC实话实说节目。我是主持人三金,不是三精牌葡萄糖酸钙那个精,是金子总会发光的那个金。今天我们请到了一对传奇人物“实现模型”和“心理模型”,听说他们两个天天把CDC的设计师整的死去活来,今天我们好好和他们分享一下经验。好,掌声有请。    (实

2011-09-21 15:17:29 160

原创 CSS伪元素

body{ margin:0; padding:0; background:url(images/bglines.png); font-size:12px; font-family:Georgia, "Times New Roman", Times, serif} a{ tex

2011-08-26 11:33:32 176

原创 文档管理系统

公司最近在开发一套文档管理系统,用于公司内部人员资料的共享、上传、管理等管理文档的软件。 从设计到页面制作到图标的制作,都由我一人完成。 网站地址:http://doc.jevictek.com 下面看图吧 登录界面 文档库页面一

2011-08-10 16:03:35 355

原创 10个最常见的面试问题

不可否认面试是有技巧的,对于一个经常参加面试的人来说,这些经验是非常宝贵的。然后对于一些不擅长面试的人又该怎么办呢?人们往往会在面试后不久开始回想自己刚才究竟说了什么,可能你已经意识到自己说错了什么。OK,如果你现在正准备面试,很幸运,在你看完这篇文章后可能会对你有所帮助或启发。

2011-07-29 14:58:58 264

原创 设计图

声像档案馆系统宣传设计图文档系统管理软件设计图软件开发网站设计图

2011-07-25 14:19:22 162

原创 IE6,浮动遇到绝对定位

当一个元素内有一个块级元素并占据整行的时候,让它浮动,然后在它后面的行内元进行绝对定位(父级元素进行相对定位),在其他浏览器下都能正常显示,在IE6下会莫名其妙的消失。尝试改变ul的长度,或者取消浮动都可以让IE6正常显示,莫非IE6下,绝对定位元素被覆盖掉了?但是在取消浮动下可以正常显示,那么在浮动下才会被覆盖?应该是ie6的bug.直接用块级元素或者把行内元素的display改为b

2011-06-16 15:28:00 262

转载 魔兽世界官方网站的幻灯片效果 CSS & jQuery

效果Step1. 创建HTMLDemo

2011-02-12 15:10:00 231

转载 简单图片缩放插件 CSS & jQuery

网上找到的一个不错的插件叫Zoomy是一个非常容易实现的jQuery插件,它可以实现图像放大的功能。除了缩略图以外还需要一张原始尺寸的图片。这边焦点部分使用了CSS3技术,如果是IE用户可能看到焦点形状不是圆形,另外图片还有个加载效果。

2011-02-12 14:40:00 322

原创 鼠标经过样式

a{display: block;border-bottom: 1px solid #BBB;padding: 4px;color: #666;text-decoration: none;} a:hover{background: #FE4902;color: white;} h2{ font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;font-weight: normal;font-size: 50px;margin: 0;padding

2011-02-12 14:25:00 292

转载 JS实现网页图片延迟加载

jquery.lazyload.js是一个用 JavaScript 编写的 jQuery 插件。它可以延迟加载长页面中的图片,通过判断浏览者是否在查看当前图片,若不是则默认加载预设的填充图片“grey.gif”,直到浏览者滑动鼠标滚轮或浏览到图片位置时,真正的图片才会得以加载。 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度。浏览器将会在加载可见图片之后即进入就绪状态。在某些情况下还可以帮助降低服务器负担。

2010-12-28 10:24:00 1542 2

原创 CSS Sprites--网站CSS背景图片定位

这个技巧已经广泛的应用到现在的页面的前端开发中,甚至YUI将他定为《提高网页效率的14条准则》的第一条准则“Make Fewer HTTP Requests” ,可见这个技术的重要性,也正是YUI的推荐 使这个CSS技巧得到了广泛的推广和应用。

2010-12-24 10:22:00 540 1

原创 背景全屏,左右两边颜色不一样,DIV+CSS 布局

导航 网站内容

2010-12-21 14:06:00 1232 1

原创 DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度

DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度

2010-12-20 15:36:00 930 1

转载 你好,button——小谈网页设计的按钮

   说起按钮,不得不先提一下链接,因为在大部分人看来,似乎按钮与链接差不多,都是完成一个页面的跳转。其实不然,按钮与链接还是有一定的区别。    先简单说说他们的区别吧。    按钮:按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。例如典型的google,QQ邮箱。像信息搜索、回复、注册,他们的共同点是:都是在“做”一件事,并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。     链接:链接的作用是:“带你

2010-09-21 14:32:00 259

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除