axl234

2014年12月19日

摘要：很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后，再次访问页面时，发现布局又还原成最初的状态。这种cookie记录的方式使用简单，但不适合像个人... 阅读全文

posted @ 2014-12-19 11:25 axl234 阅读(831) 评论(0) 推荐(0) 编辑

WEB前端开发规范文档

摘要：基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.文件规范1. html, css, js, images文件均归档至约定的目录中;2. html文件命名: 英文命名, 后缀.htm.... 阅读全文

posted @ 2014-12-19 11:14 axl234 阅读(138) 评论(0) 推荐(0) 编辑

2014年12月17日

构建一个用于产品介绍的WEB应用

摘要：为了让用户更好地了解您的产品功能，您在发布新产品或者升级产品功能的时候，不妨使用一个产品介绍的向导，引导用户熟悉产品功能和流程。本文将给您介绍一款优秀的用于产品介绍的WEB应用。就像微博或邮箱这类WEB产品升级一样，使用Guiders.js构建的应用，用户将会看到一些列的弹出层，这些弹出层可以定位到... 阅读全文

posted @ 2014-12-17 11:11 axl234 阅读(228) 评论(0) 推荐(0) 编辑

图片延迟加载技术-Lazyload的应用

摘要：我们在浏览图片量非常大的页面时，像淘宝商城商品展示、必应图片搜索这类网站，图片的加载非常流畅，其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件，当我们打开页面时，首先在屏幕可视区域加载完图片，随着向下滚动页面，图片会陆续加载，从而提升了页面打开速度。Lazyload是一款基于jQu... 阅读全文

posted @ 2014-12-17 10:55 axl234 阅读(264) 评论(0) 推荐(0) 编辑

你想不到的压缩方法：将javascript文件压缩成PNG图像存储

摘要：这样可以做到很高的压缩比，到底有多高，下面会提到。这种方法用到了 canvas 控件，这也意味着只有支持 canvas 控件的浏览器下才有效。现在你可以看到，上面的图像类似一个噪声图像，但它实际上是一个由124K的 prototype 框架代码转化成的30K的8位PNG图像（压缩比还不错吧）。其实，... 阅读全文

posted @ 2014-12-17 10:52 axl234 阅读(1045) 评论(1) 推荐(0) 编辑

如何更快速加载你的JS页面

摘要：确保代码尽量简洁不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具，只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。尽量减少DOM访问使用JavaScript访问DOM元素很容易，... 阅读全文

posted @ 2014-12-17 10:51 axl234 阅读(470) 评论(0) 推荐(0) 编辑

2014年12月16日

PHP+jQuery实现翻板抽奖

摘要：翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML抽奖者自己决定选取其中的某一个方块... 阅读全文

posted @ 2014-12-16 15:34 axl234 阅读(221) 评论(0) 推荐(0) 编辑

固定菜单页面滚动效果

摘要：在一个单页面设置一个主菜单，当页面滚动时主菜单位置固定在页面窗口中不动，或左或右，或上或下。当单击菜单项时，页面滚动到菜单对应的内容区，当页面滚动到预定内容位置时，对应的菜单项变为当前选中样式。此效果可以应用在一些内容比较长的单页设计，本文将介绍使用JjQuery和css来实现这一效果，demo中分... 阅读全文

posted @ 2014-12-16 15:24 axl234 阅读(729) 评论(0) 推荐(0) 编辑

响应式内容滑动插件bxSlider

摘要： bxSlider特性1.充分响应各种设备，适应各种屏幕；2.支持多种滑动模式，水平、垂直以及淡入淡出效果；3.支持图片、视频以及任意html内容；4.支持触摸滑动；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+如何使用bxSlider1、首先是加载jQuery库... 阅读全文

posted @ 2014-12-16 15:18 axl234 阅读(441) 评论(0) 推荐(0) 编辑

jQuery+PHP实现的砸金蛋中奖程序

摘要：准备我们需要准备道具（素材），即相关图片，包括金蛋图片、蛋砸碎后的图片、砸碎后的碎花图片、以及锤子图片。HTML我们页面上要展现的是一个砸金蛋的台子，台上放了编号为1，2，3的三个金蛋，以及一把锤子。我们构建以下html代码：锤子123上述代码中，.hammer放置锤子，.resultTip用于砸蛋... 阅读全文

posted @ 2014-12-16 15:17 axl234 阅读(495) 评论(0) 推荐(0) 编辑

公告