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

给文字添加个阴影，有时候能够使网页增色不少，但是如果直要用起来却很麻烦，因为需要先将效果在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, [...]

在外贸网站制作过程中，通常都会有产品搜索这个功能，这时我们得使用一个input文本框和一个按钮，来完成整个结构。文本框的写法就是固定的，但是按钮我们可以直接用图片替代，也可以用 input 的button属性结合CSS来完成。下面我们就来说说用图片替代按钮这个方法，这个是最省时间也是最直接的方法，但是往往我们会遇到一个问题，图片总是会比文本框要高出一部分，水平没有对齐。如图： 通常来说最直接的解决方法是给img 加一个align=”absmiddle” 的属性就可以解决，但是这个不符合HTML标准，当然对搜索引擎也就不友好了。其实也有另外一种解决方法，那就是利用CSS来控制，其实也很简单，CSS如下： #tsear1 input { vertical-align:middle;} [...]

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