结构： 1.Transshipment Booking System is launched只对英文起作用，以字母作为换行依据 2.Transshipment Booking System is launched只对英文起作用，以单词作为换行依据 3.Transshipment Booking System is launched只对中文起作用，强制换行 4.Transshipment Booking System is launched强制不换行，都起作用 5.不换行，超出部分隐藏且以省略号形式出现 5.不换行，超出部分隐藏且以省略号形式出现Transshipment Booking System is launched 代码： .p1{ word-break:b...

1.accordion类 基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件。 jQuery plugin: Accordion Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风...

Google API提供了jQuery的文件，可以帮助我们省一些流量，而且如果其他网站也是用了这个文件，那么就完全可以在浏览器缓存中，无需再次下载，节省了很多 时间，但是如果有些情况下加载失败了，网页也不能就这样不能用了啊，所以我们还需要检测一下，如果没有加载成功，就再加载自己服务器上的。看看代码： <!-- Grab Google CDN jQuery. fall back to local if necessary --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script>!wi...

目前网页上使用的字体都是常见的几种，如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。要想用比较个性的字体就比较麻烦了，因为你不能保证客户端是否支持这种字体，常用的方法是用Photoshop 把文字制作成图片。 为了让网页设计更加灵活，Google从2010年5月19日启动了网页在线字体服务，并一口气发布了十八字体族。但与 Monotype Web Fonts、FontShop 等字体商不同，Google 这次开放的字体与它其他很多服务一样，完全免费。 Google 目前提供的字体共有十八种，均为目前比较流行的免费字体，包括...

这篇文章主要是记录一下，微软最新发布的 IE9 浏览器CSS 圆角属性，现在CSS3已经可以轻松实现跨浏览器的圆角效果，包括Firefox高版本，IE9，Safari，Chrome等高端浏览器。 我们这样去定义一个盒子模型： -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; 在Firefox，和Chrome中的效果： 其中 -moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-radius是 webkit 内核浏览器（如 Safari 和 Chrome）实现圆角的私有属性。 我们也可以分别设置4个圆角的属性...

貌似现在Web设计都喜欢给页面加入淡入淡出效果，包括导航菜单、TAB菜单、图片幻灯等。如果整个页面也有一个淡入淡出的特效，可以让浏览者有一个暂短的视频休息间隙，是不是也很不错，将下面代码添加到</head>标签前，记得不要忘了加载jQuery库， 简单的淡入效果： <script type="text/javascript"> //页面淡入淡出 $(document).ready(function() { $('body').hide().fadeIn(1000); }); </script> 淡入淡出代码： <script type="text/javascript"> //页面淡入淡出 $(doc...

整理的一些jQuery的淡入淡出效果，这些jQuery插件将帮助您快速地将效果部署于您的网站或应用上。 1.Jquery 淡入淡出 代码地址：http://hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/ 介绍：这里包括了文字、图片的淡入淡出效果，包括间个图片效果，多个图片效果。 演示：http://www.hv-designs.co.uk/tutorials/jquery/all.html 效果图： 2.jquery 幻灯效果 代码地址：http://jonraasch.com/blog/a-simple-jquery-slideshow 介绍：jquery实现的幻灯效果，说明很详细的，效果也不错，网站页面也很酷。 演...

I am continuing Top DeviantArtist worth watching series and now I stopped to the best web designers I could find. I only listed those artists, whom layouts I found to be really unique and inspiring, taking classical web design actually to the next level. These layouts are really artworks with amazing details, You usually don’t see browsing through the web. Consider this article as inspirational article now and if You choose to watch those artists, then inspiration bl...

I wanted to create this list, because there are times when I struggle choosing my design colors -  for me it’s not always easy task to just play with the colors and choose the right ones – of course, there are few favorite colors for everybody, but finding new great color combinations are not so easy task. That’s why there a lot of helpful resources to ease this task,  and I am here to show You those! Hopefully this will help You to create new designs and the process ...