外贸购物网站的产品分类都比较丰富，而且分类名称也是长短不一，如果名称太长多数是自动换行，如果换行了就会带来一个问题，那就是整个分类看起来不整齐，有些客户并不喜欢这样，如果不换行，那就只能将超出的部分隐藏并显示省略号。这时候就要用到text-overflow这个属性。 但偏偏text-overflow 还只是ie的私有属性，没被收录到w3c标准里 . text-overflow取值： clip ：默认值 。不显示省略标记，多余的部分直接隐藏. ellipsis： 当对象内文本超出时显示省略标记… […]

如果导航要求有鼠标悬停效果，并且要能动，通常首先想到的就是利用Flash再或者就是JS，纯CSS如何实现呢，来看看下面这套基于 CSS3 的鼠标悬停效果和动画. 实现这个效果的关键是需要引入Hover.css这个css文件， 而且这些效果可以很容易应用到按钮、LOGO 以及其他的网页元素，使用的也都是一些简单的标签，有时候也会使用 before 和 after等 伪元素。但因为使用的是 […]

最近刚上线了一个外贸女装的展示型风站，网站以简洁的风格主，颜色选用客户已经定好的梅红色。由于客户要求简洁大气，最初的时候只做了刚好一屏的高度，但是客户看后觉得东西太少，就又在原来的基础上展示了一部分产品。 网站头部放的东西比较少，右侧加上了二维码 中间部分设计了一个比较大的图片轮换，图片切换不同于一般的简单切换，而是采用了多种不同的过渡效果自由变换，使得整个网站看起来更为活泼、时尚 底部有部分产品的展示，使得整个版面更为充实！ 如果你有外贸企业网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297 MSN：xueposter@gmail.com

我们都知道外贸购物网站的内容一般都比较多，所以在浏览的时候就会有很多屏，有时候浏览到网页中部的时候想到另外一个页面去看一下又必须返回顶部才能有导航链接，这样对浏览者来说是非常不方便的，如果能让导及固定，始终能显示在网页顶部，那就方便多了。实现这个效果需要怎么做呢？ 首先我们需要引入一个js <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script> <script type=”text/javascript”> $(function(){ $(window).scroll(function(){ boxY […]

随着客户越来越重视网站用户体验，许多的购物网站上的产品在鼠标经过时都会变换一张图片，传统的是用onmouseover和onmouseout来实现，但是这个做起来烦琐，图片加载的时候也很慢，而且变换的过程过于生硬。现在就来看一下用Jquery来实现的图片变换效果： 首先我们需要引用jquery <script type=”text/javascript” src=”js/jquery-1.6.4.min.js”></script> 这个网上很容易下载的，有不同的版本，只要版本不是太低都不会有问题。 这段js代码很关键，当然是必不可少的： <script type=”text/javascript”> $(function(){ […]

li:hover属性在做导航和二级菜单时用得非常用多而且很方便，尤其是在没有<a>标签的时候也能使用有时候也是省去了不少麻烦，但由于浏览器众多，有时候并非所有浏览器都支持，这就需要我们添加一个JS来使所有浏览器都能兼容！ JS代码如下： <script language=”javascript”> stuHover = function() { var cssRule; var […]

给文字添加个阴影，有时候能够使网页增色不少，但是如果直要用起来却很麻烦，因为需要先将效果在PS中做出来再存储成图片才能在网页中显示，也使得这个效果用得很少。不过现在通过CSS3可直接在网页中生成这个效果，用起来就方便多了！下面我们就来看一下它的用法吧： text-shadw:length length length color 前三个属性值为阴影在X轴上的位移、Y轴上的位移、模糊半径，color指阴影的颜色。 我们可以这样定义： text-shadow:1px 1px 2px […]

平时都是用px来定义字 体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。 原因在于：IE无法调整那些使用px作为单位的字体大小，国外的大部分网站能够调整的原因在于其使用了em作为字体单位。 px单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的国内推荐； em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多； 网站设计时字体单位使用em能支持IE6下的字体缩放，在页面中按ctrl+滚轮，以px为单位的网站文字大小没有变化。 px是绝对单位，不支持IE的缩放。 em是相对单位，网页中的文字大小能放大或是缩小。将行距(line-height)，和纵向高度的单位都用em。保证缩放时候的整体性。 em的特点： 1. […]

长时间以来都是一直在做外贸购物网站，拿到这个外贸企业站的时候还有点儿束手无策呢，不过好在客户的要求比较明确，要求简洁一些，以黑色为主，而且也发来了参考站，所以在做的时候也还算顺利，做效果图的时候做了两种风格的，我自己觉得比较好的一版竟然被客户否决了（不过，客户喜欢就好） 考虑到网站后期需要做优化，所以在首页添加了NEWS这个版块！ 如果你有外贸购物网站建站需求，欢迎随时联系我们 QQ客服：415682727 电话：020-39907297 MSN：xueposter@gmail.com 全国免费电话：800-999-8262 更多 外贸网站建设案例》》 官网：https://www.onepound.cn

多数情况下网站中出现的不规则形状多是由图片组成，当然现在通过CSS也可以实现圆角，下面我就来介绍一下通过CSS实现带箭头的导航条！ 带箭头的导航一 带箭头的导航二 带箭头的导航三 带箭头的导航四 这些代码不用多做解释，都看得懂，重点是下面的CSS： *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, […]

在一个外贸商城网站制作过程中，客户要求产品详细面一个和产品尺寸相关的FAQ能够点击显示，在网上看了一下，实现这个效果有很多方法，有全部JS的，也有通过jQuery来实现的，但是由于现在的浏览器众多，兼容性就成了问题，下面就介绍一个通过jQuery来实现的能够兼容多浏览器的方法： 首先我们需要在相关页面中引用两个js，jquery-1.4.2.min.js 和 jquery.fancybox-1.3.1.js (这两个js可以在网上下载，这里就不再粘贴了)，再就是调用了 $(document).ready(function() { $(“#various1”).fancybox({ ‘titlePosition’ : […]

最近上线了一个外贸包包商城，最初和客户接触的时候，客户的要求基本是已经是很明确了，要黑白基调，再加上做的是网店商城，所以结构上的变换不是特别多，花了一天多的时间出了首页初稿，因为客户的要求写的比较明细，做之前和客户也有详细的沟通，所以首稿只是略做了一下小修改就定稿了，呵呵……不过这样的客户比较少！ 页面右上角应客户要求加了一个“加入收藏”的功能， 个人觉得这个功能在中文站里面用的比较多，但是客户特意强调了，所以也没办法 LOGO是直接用域名外加了一下小小的处理，做的不是很专业！ 导航用了白灰渐变外加灰色的边，紧接着下面是一个滚动的公告。   再下面就是产品分类和大的Banner图片了，Banner没啥特别，就是过渡效果的变换，产品分类有二级菜单 紧接着就是根据产品的相关属性对产品进行筛选 以及产品的展示了。 头部整体效果： […]

最近在给一个客户做外贸网店的设计，因为网站展示的内容比较多，所以客户后来要求给添加一个返回顶部的按钮，这样的效果本来不难，只是一个JS问题就能解决，但是因为客户网站上有很多特效，还有其他的客服代码，因此JS之间就容易起冲突，导致开始的几次都以失败告终，经过多次的高度和修改，最终得到了想要的效果（只有鼠标滑动超过一电脑一屏的时候，才会出现出现返回顶部按钮，而且有渐变效果，鼠标滑回一屏以内的位置，返回按钮自动隐藏。） 代码： var scrolltotop={ //startline: Integer. Number of pixels from […]