02 2015 档案
摘要:今天的案例Tee Gallery是涉及产品列表布局的应用。换句话说就是让产品列表页面如何应用流体布局结合CSS3的Media Queries,制作出在不同媒体条件和媒体介质下的页面风格。先看看这个网站在不同屏幕下的风格,如图:从上面的截图中,很明显他在不同的屏幕下会不同的显示效果,屏幕最大时,以五列...
阅读全文
摘要:第一个案例Hicksdesign网站。这个网站就是一个典型的实例,他在不同的分辨下,所展示的效果是不同的,其总共有四种:截图一下:下面我们一起来看看其实现的代码,先看其Html代码: ...
阅读全文
摘要:对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面来看看来自ISUX的米随随讲讲移动手机平台的HTML5前端优化,或许对你有帮助和启发。概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,...
阅读全文
摘要:第一方式: 使用Javascript Scroll函数返回顶部 scrooll函数用来控制滚动条的位置,有两种很简单的实现方式: 方式1: <a href="javascript:scroll(0,0)">返回顶部</a> 也可以 onclick="window.scrollTo('0','0')"
阅读全文
摘要:这个是一个响应式的页面原文可参照:http://localhost/response/seejs_index.html
阅读全文
摘要:如图:HTML结构中会看到(全部商品页、详情页):收藏JS代码中(ajax.call)(common.js文件中):/* * * 添加商品到收藏夹 */function collect(goodsId){ Ajax.call('user.php?act=collect', 'id=' + good...
阅读全文
摘要:ecshop 中的 ajax 非常好用,当自己第一次使用的时候,因为之前并没有看明白transport.js这个文件的具体内容.弄得有点迷糊.细看了一下这个文件 在js目录下transport.js这个文件.里面代码太多.这里我就不讲了.记录下怎么用的吧. 对新手来说.这个 ajax 封装文件确实很...
阅读全文
摘要:第一种方式:404倒计时跳转 HTML结构: JS代码为: 参考页面有:http://mvc.chenhua.cc/index.php/error/show 第二种方式:5秒倒计时跳转首页 HTML代码为: CSS代码为: JS代码为: 本地效果查看:desk/topic/5u_yuanchuang
阅读全文