上一页 1 ··· 28 29 30 31 32 33 34 35 36 ··· 44 下一页
摘要: 很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置,也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后,再次访问页面时,发现布局又还原成最初的状态。这种cookie记录的方式使用简单,但不适合像个人... 阅读全文
posted @ 2014-12-19 11:25 axl234 阅读(831) 评论(0) 推荐(0) 编辑
摘要: 基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的 解析速度.文件规范1. html, css, js, images文件均归档至约定的目录中;2. html文件命名: 英文命名, 后缀.htm.... 阅读全文
posted @ 2014-12-19 11:14 axl234 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 为了让用户更好地了解您的产品功能,您在发布新产品或者升级产品功能的时候,不妨使用一个产品介绍的向导,引导用户熟悉产品功能和流程。本文将给您介绍一款优秀的用于产品介绍的WEB应用。就像微博或邮箱这类WEB产品升级一样,使用Guiders.js构建的应用,用户将会看到一些列的弹出层,这些弹出层可以定位到... 阅读全文
posted @ 2014-12-17 11:11 axl234 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 我们在浏览图片量非常大的页面时,像淘宝商城商品展示、必应图片搜索这类网站,图片的加载非常流畅,其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件,当我们打开页面时,首先在屏幕可视区域加载完图片,随着向下滚动页面,图片会陆续加载,从而提升了页面打开速度。Lazyload是一款基于jQu... 阅读全文
posted @ 2014-12-17 10:55 axl234 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 这样可以做到很高的压缩比,到底有多高,下面会提到。这种方法用到了 canvas 控件,这也意味着只有支持 canvas 控件的浏览器下才有效。现在你可以看到,上面的图像类似一个噪声图像,但它实际上是一个由124K的 prototype 框架代码转化成的30K的8位PNG图像(压缩比还不错吧)。其实,... 阅读全文
posted @ 2014-12-17 10:52 axl234 阅读(1045) 评论(1) 推荐(0) 编辑
摘要: 确保代码尽量简洁不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具,只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。尽量减少DOM访问使用JavaScript访问DOM元素很容易,... 阅读全文
posted @ 2014-12-17 10:51 axl234 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 翻板抽奖的实现流程:前端页面提供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特性1.充分响应各种设备,适应各种屏幕;2.支持多种滑动模式,水平、垂直以及淡入淡出效果;3.支持图片、视频以及任意html内容;4.支持触摸滑动;5.支持Firefox,Chrome,Safari,iOS,Android,IE7+如何使用bxSlider1、首先是加载jQuery库... 阅读全文
posted @ 2014-12-16 15:18 axl234 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 准备我们需要准备道具(素材),即相关图片,包括金蛋图片、蛋砸碎后的图片、砸碎后的碎花图片、以及锤子图片。HTML我们页面上要展现的是一个砸金蛋的台子,台上放了编号为1,2,3的三个金蛋,以及一把锤子。我们构建以下html代码:锤子123上述代码中,.hammer放置锤子,.resultTip用于砸蛋... 阅读全文
posted @ 2014-12-16 15:17 axl234 阅读(495) 评论(0) 推荐(0) 编辑
上一页 1 ··· 28 29 30 31 32 33 34 35 36 ··· 44 下一页