- 博客(38)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 使用 CSS3 可以实现的五种很酷很炫的效果
CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话，可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等，尽情欣赏吧。1.制作精美的按钮BonBonzardialexwhinfield
2011-10-31 00:57:09
1505
原创 纯css实现的质感圆角按钮
说明：1、display:inline-block; 这个属性IE8和firefox3.0已经支持，IE6和IE7不支持，解决方法是*display:inline; zoom:1;原因如下： 使得display:inline;使得IE下元素变成内联元素，然后使用zoom:1;触发块元素的layout（我理解为可布局——对高度宽度敏感）。2、class为“c”和“d”中的样式中用line-h
2011-10-30 18:51:55
1368
原创 DIV+CSS圆角边框
简洁型css圆角： 方法1：<!--.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b, .b {display:block; overflow:hidden}.b1, .b2, .b3, .b1b, .b2b, .b3b {height:1px}.b2, .b3, .b4, .b2b, .b3b, .b4b, .b {bo
2011-10-30 16:55:17
581
原创 主流浏览器中line-height的算法
最近讨论到了line-height的问题，做了一个实验，分别测试占主流的Firefox、IE6、IE7、IE8下的line-height的算法。1.第一种情况，字体为宋体，在不设置line-height时，font-size:12px。Firefox—-字体实际高度为11px，上留白1px，下留白2px，上下所占空间为14px。IE6—–字体实际高度为11p
2011-10-30 14:58:44
1582
1
翻译 DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程
DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程。本节为大家介绍常见的CSS 虚线及DIV教程。CSS虚线下划线、列表虚线统统搞定。目录CSS虚线边框CSS超链接虚线下划线列表型CSS虚线下划线CSS定义一条水平虚线1、CSS边框虚线 - TOP这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css h
2011-10-30 11:21:35
3542
原创 css制作圆角按钮
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" xml:lang="en">Stu Nicholls | CSSplay | Another snazzy menu#outer {display:block; position:relative; backgro
2011-10-30 11:18:27
1749
翻译 如何使用 CSS3 添加圆角圆角文本框
通过使用 层叠样式表 (CSS)，级别 3 (CSS3) 为布局元素生成圆角，可以美化网站的外观。 本主题演示了通过使用 Windows Internet Explorer 9 中的新圆角内置支持让您的网站布局更具吸引力的几个基本方法。 它包含以下几部分：起点生成全部相同的圆角分别生成多个圆角使用椭圆生成圆角使用其他浏览器生成圆角汇总使用早期版本的 Internet Explorer
2011-10-29 10:59:35
9752
原创 i6下面png图片透明
/*i6下面png图片透明*/ function correctPNG() { for (var i = 0; i var img = document.images[i] var imgName = img.src.toUpperCase()
2011-10-28 23:03:42
957
原创 PNG图片在IE6下透明度解决方法
PNG格式图片因其高保真性、透明性及文件大小较小等特性，被广泛应用于网页设计、平面设计中。网络通讯中因受带宽制约，在保证图片清晰、逼真的前提下，网页中不可能大范围的使用文件较大的bmp、jpg格式文件，gif格式文件虽然文件较小，但其颜色失色严重，不尽人意，所以PNG格式文件自诞生之日起就大行其道。 PNG格式图片通常被我们当做素材来使用，在设计过程中，不可避免的要搜索相关文件，如果是JPG
2011-10-26 22:33:40
1719
2
原创 青年设计师十训：
青年设计师十训： 1. 做真实的自己 2. 比别人更努力 3. 走到生活中去 4. 不断提升技能 5. 在旅途中学习 6. 追求原创 7. 别为愚蠢的人工作 8. 本能和直觉都很重要 9. 做好事 10. 第二条最重要 － John C Jay 1: Be authentic. The most powerful asset you
2011-10-24 22:04:52
821
原创 img div 间距设为0，图片和DIV间距的调整
1、如何定义高度很小的容器？在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：overflow:hidden | line-height:02、图片下方出现几像素的空白间隙？这个也有多种解决方案，如将img定义为display:block,或定义父容器为font-size:0，个人更推荐使用vertical-align的方式，它的值可以是text-top
2011-10-24 17:13:23
4568
1
原创 深入分析纯css画圆角矩形原理
深入分析纯css画圆角矩形原理原理分析：在这里，利用的是像素点绘制圆角的方法，先看一个用像素绘制的圆角：扩大了就是这样：我们把它分作若干个部分来写样式，请看图示：看过demo的朋友应该知道了我所描述的几大优势：1. 无论是在横向还是纵向上都保持着无限的扩展性。2. 没有hack，且不易出现浏览器兼容性问题。3. 圆角颜色易自定义。
2011-10-23 18:43:45
1703
翻译 10个既绚又实用的JQuery特效教程
导读：作者Aamir Baig在designersdare.com分享了一篇文章《10 Must See jQuery Latest Tutorials-Beginners and Advance Level》，文中对初学者和资深学者分别提供了不同级别的教程，使用JQuery做出的既炫丽又实用的效果，现将本文摘译，以下是文章内容：此篇文章是JQuery高级教程，但对初学者学习JQuer
2011-10-23 17:13:52
669
转载 21个有用的jQuery教程和插件
jQuery是最火热的Ajax框架，在互联网网站到处都有jQuery的身影。本文给出一些例子和教程帮你更好的使用jQuery开发出漂亮的Web应用。Photobooth with PHP, jQuery and CSS3( Demo |Download )Making a Custom Facebook Wall with jQuery Templates( Dem
2011-10-23 17:12:17
535
原创 jQuery学习笔记--丰富多彩的Pager Bar (底部 分页工具条) .
在介绍排序与查询之前，先介绍一下Pager、Navigator和自定义按钮。默认情况下，Pager Bar分为3个部分：页码栏区域（Pager）导航按钮区域（Navigator Buttons）记录信息区域（Record Information）1. Pager和Record Information的常用属性 在jqGrid的options选项中，有许多是专
2011-10-23 16:44:02
897
原创 我在为谁而工作
《你在为谁工作》刚拿到这本书时，自己也在想这样一个普通的问题过去曾在我脑际浮现没有深思，没有彻悟，只在模糊、迷茫中瞬即沉去，没有答案，是，我在为谁工作，为公司，为父母，为了钱，还是为我自己？细细思来，发人深省。 刚出学校门时，只知道别人找工作，自己也得找份工作，之后就是每天的上班，下班，月底了拿工资，从没好好的去想过我在为了谁工作,我很羡慕书中提到的杰克，他只用了一年的时间就深刻体会到了一个人生
2011-10-23 16:30:51
639
原创 如何使CSS跨浏览器兼容
作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨 浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是
2011-10-23 16:18:47
716
原创 CSS浏览器兼容汇总 .
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居
2011-10-23 15:58:44
477
翻译 20个优秀的Javascript导航菜单实现技巧及实例
javascript能实现丰富的导航效果，使用Javascript可以使你的网站更加具有趣味性，能使得用户体验更好以及更加具有视觉性。这里推 荐20个优秀的Javascript导航技术及实例(20 Excellent JavaScript Navigation Techniques and Examples)，了解如何使用Javascript制作交互性强体验好的导航菜单，并深入了解各种导航的实现原
2011-10-23 09:23:22
2973
翻译 jquery学习笔记
Next Page通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。jQuery 语法实例$(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数，隐藏 id="test" 的元素。$("p").hide(
2011-10-21 14:38:28
812
转载 40 款面向设计者和开发者的优秀工具
目前由于市场竞争激烈，设计已成为一项艰巨的任务。致力于在此行业有所作为的设计师们必须拥有一些必备的工具，能够确保自身的设计超越他人。但是这些工具对于许多人来说是比较昂贵的。今天，我们收集了40种不同的工具，对于设计师在以后的设计工作中是非常有用的。1. 256Pixe
2011-10-19 10:29:04
629
转载 CSS Sprites + 圆角
初步介绍当然，我知道现在有成千上万个关于 用CSS处理圆角 的教程，但不管怎么说，我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是，这篇教程彻底地应用高级CSS技术，但是，我会尽力使初学者看起来简单。CSS3 在这里还没有得到完全的应用，所以
2011-10-19 10:23:41
612
转载 点击按钮图片左右滚动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动/* reset
2011-10-18 14:39:30
2836
原创 jquery使用div实现滚动条效果
查了些div实现滚动条的效果，看了很多，大多都不符合要求。要求如下：1.div大小固定，div中内容大小不固定2.鼠标移动到内容上时，如果内容太大，则出现滚动条，并可以拖动查看，而内容宽度不变。否则不显示滚动条。 如果纯粹的使用div的overflow-y:s
2011-10-17 17:01:34
1318
原创 Js页面上动态画点，并给该点赋事件
@Page Language="C#"AutoEventWireup="true"CodeBehind="jsDrawPoint.aspx.cs"Inherits="JS1._Default"%> DOCTYPEhtml PUBLIC "-//
2011-10-15 21:12:54
1953
翻译 彻底掌握Z-index属性
CSS教程：彻底掌握Z-index属性大多数的CSS属性都很容易使用。常常，当您对标记语言的元素使用CSS属性时，产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性，却会有一些复杂，且只能在给定的环境下才会工作。Z-index属性便属于上面所说的后面
2011-10-15 21:10:51
980
原创 利用CSS实现的对角线特效
http://www.w3.org/TR/html4/loose.dtd">border产生的斜线效果，想不通/*为啥border-color: #4D4C4C #131313 #131313 #4D4C4C;就能有那个斜线效果，想不通*/.sel
2011-10-15 10:01:39
2275
原创 鼠标移上去自动放大
Google的放大http://www.veryhuo.com/uploads/common/js/jquery-1.3.2.js">>$(function(){var t;$(".show1").mouseout(function(){clear
2011-10-13 17:42:09
1158
原创 纯css完美地解决图片在div内垂直水平居中，兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
.img_v { display:table-cell !important; display:block; position:static !important; position:relative; overflow:hidden; width:400
2011-10-13 13:04:20
1738
原创 DIV+CSS设计时浏览器兼容性问题
什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。好吧，我服了行吧，
2011-10-13 12:59:00
517
转载 优化网站设计及用户体验的五条方法
每天有成千上万的网站被创造出来，这些新网站不是基于浏览者的需要而是基于网站所有者的需要。浏览者被忽视，是大多数网站不成功的最大原因。这里将给出5种方法来优化您的设计。1. 成为浏览者中的一员 把自己放在浏览者的地位。浏览者到您的网站来，他想要什么？您的网站的目标不仅仅需要满足
2011-10-13 12:51:07
732
原创 谈前后端分离开发模式
前后端分离的开发模式：系统分析阶段，系分和前端开发人员约定好页面上所需的逻辑变量，进入功能开发阶段，前端开发人员进行前台页面结构，样式，行为层的代码编写，并根据约定好的变量，逻辑规则，完成不同情况展示不同的表现。而后端开发人员，只需要按照约定，赋予这些变量含义，并提供前后端交互所
2011-10-13 12:48:11
2996
原创 div覆盖select（IE6）
function DivSetVisible(state){var DivRef = document.getElementById('PopupDiv');var IfrRef = document.getElementById('DivShim');if(st
2011-10-13 10:46:10
619
原创 如何让div中的内容垂直居中
如何让div中的内容垂直居中 Line-height效果演示 虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在千变万化的CS
2011-10-13 10:31:09
1027
原创 网页设计师的风格是怎样形成的？
“风格”一词在词典上的解释是“气度、作风;某一时期流行的一种艺术形式”。具体到网页设计的基础上，网页设计师的风格就是在运用自己的所拥有的手段，包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力，来建立起自己独特的设计形式、独特的作风。从这个概念出发，设计师就应该有
2011-10-12 17:03:04
600
原创 让CSS兼容IE和Firefox的技巧集合
让CSS兼容IE和Firefox的技巧集合 CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且D
2011-10-12 16:54:24
2658
3
原创 十步优化SQL+Server中的数据访问
十步优化SQL Server中的数据访问 图 2 使用SQL Server管理工作台创建索引 第二步：创建适当的覆盖索引 假设你在Sales表(SelesID,SalesDate,SalesPersonID,ProductID,Q
2011-10-12 16:50:25
675
JQUERY分页
2012-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人