深圳设计企业网站

网站制作之使用swiper插件做多组合轮播

近期在网站开发过程中遇到了一个需要组合轮播图片的页面，页面布局如下： 先来讲一下具体功能是：点击左侧“公司资质”或者“产品证书”，右边切换到相应的轮播模块。中间的图片可以左右拖动切换，同时带动右边名称的选中状态切换，右边的名称点击能切换中间的图片，使对应的图片能居中放大显示，也是就是中间的当前图片与右边的名称是...

网站制作之静态页面模拟点击加载更多

近期在网站开发过程中遇到了一个需要在静态页面模拟点击加载更多的页面，为了更好的用户体验效果，我们将实现一种无刷新加载的效果，现在来举个例子，页面布局如下： 页面整体简洁大方，要实现的功能是：页面打开默认显示六条信息，当用户点击下面的“see more+”时，在下面加载三条，当信息全部加载完之后，再点击“see more +”的时候“see ...

如何实现PC端网站的轮播图制作

在PC网页上我们随处可以看到很多形形色色的轮播图，今天我们来做个PC端简单的轮播图，不需要都多么高深的技术，只要会简单的html、css、js就行了；需要引入jq库，这里我是1.11版本，我们先来看看效果图，如图： 效果图我做的一般般，需要美化的可以自行添加效果，在这里我就不演示了。 代码分为三个部分如图： 1、html： 用一个div容器car...

响应式网站制作头部布局

在简单的响应式网站中头部部分大多数为两部分logo和导航栏，一般情况下是左右分布，在要适配不同的屏幕尺下，logo还好，可以固定宽度，导航栏因为栏目数的不同间距的大小，就需要css媒体查询进行处理；而今天我们不使用css媒体查询的情况下进行适配不同的屏幕尺寸， 使用到的是css宽度的百分比布局。 最终效果图如下： 1.1600分辨率下的： 2.1...

网站设计中的“极致主义”辨析

有这样一种笼统的认知，其实很多网站的设计师都是赞同的—— 如果将手机系统、硬件设计、工业设计、网站设计放在一起进行比较，网站设计最为“粗糙”。如果说极致、精工、完美、用户体验是设计的终极追求的话，网站设计显得有些不思进取，并且这种不思进取似乎还在延续。 提及设计追求，不能不提到苹果。乔布斯领导下的苹果，让消费...