随笔分类 -  HTML5/CSS/Bootstrap

[转]仿京东商城,一号店商品多级分类精美菜单
摘要:本文转自:http://www.sweiku.com/jingdong-yihaodian-multiple-level-category-menu.html上段时间,要开发个商城,其中需要设计一个像京东商城,一号店那样的商品分类弹出菜单,参考了下它们的,终于弄出来了,现在和大家分享下:仿京东,一号... 阅读全文

posted @ 2014-04-21 13:53 freeliver54 阅读(614) 评论(1) 推荐(0) 编辑

[转]position:fixed; 在IE9下无效果的问题
摘要:本文转自:http://www.cnblogs.com/xinwang/archive/2013/04/06/3002384.html平常DIV+CSS布局时,position属性一般用absoulte|relative用到的比较多;昨晚在做到一个静态网页,在实现腾讯的空间头部的导航栏时用到posi... 阅读全文

posted @ 2014-04-14 19:04 freeliver54 阅读(4354) 评论(1) 推荐(0) 编辑

[转]iOS WebKit browsers and auto-zooming form controls
摘要:问题描述:https://github.com/jquery/jquery-mobile/issues/2581本文转自:http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/One thing about iOS browsers that can be pretty frustrating, both as a developer and as a user, is when you open a site on an iPhone or iPod To 阅读全文

posted @ 2014-04-08 11:02 freeliver54 阅读(438) 评论(0) 推荐(0) 编辑

[转]jQuery Mobile动态刷新页面样式
摘要:本文转自:http://blog.csdn.net/zht666/article/details/8560765当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素。添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式。如下图所示:代码如下:[html] view plaincopyprint?信息列表信息1 信息列表 信息1 可以看到,jQu... 阅读全文

posted @ 2014-04-03 19:08 freeliver54 阅读(361) 评论(2) 推荐(0) 编辑

[转]自适应网页设计(Responsive Web Design)
摘要:本文转自:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html作者: 阮一峰日期: 2012年5月 1日随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决 阅读全文

posted @ 2014-04-03 09:40 freeliver54 阅读(295) 评论(0) 推荐(0) 编辑

设置靠近 水平居中的主体内容Div 的 左侧位置固定的Div
摘要:示例效果:1.主体内容的divMain 水平居中;2.divLeft 靠近divMain ,位置固定,不随垂直滚动条而动;相关代码: 设置靠近主体内容的左侧固定位置的Div 左侧固定位置 阅读全文

posted @ 2014-03-26 11:13 freeliver54 阅读(2849) 评论(0) 推荐(0) 编辑

[引]雅虎日历控件 Example: Two-Pane Calendar with Custom Rendering and Multiple Selection
摘要:本文转自:http://yuilibrary.com/yui/docs/calendar/calendar-multipane.htmlThis example demonstrates how to instantiate a Calendar, switch its template to a double-pane, and create custom renderers for its header and certain cells (based on rules), as well as turn on multiple date selection and disable cer 阅读全文

posted @ 2014-03-21 17:02 freeliver54 阅读(602) 评论(2) 推荐(0) 编辑

多级菜单 menu
摘要:jquery menu:http://jqueryui.com/menu/Kendo UI Demoshttp://demos.telerik.com/kendo-ui/web/menu/index.html?mvchttp://demos.devexpress.com/MVCxNavigationAndLayoutDemos/Menu/Overview 阅读全文

posted @ 2014-03-18 11:51 freeliver54 阅读(308) 评论(4) 推荐(0) 编辑

[转]25个HTML5和JavaScript游戏引擎库
摘要:本文转自:http://www.open-open.com/news/view/27c6ed1. The GMP JavaScript Game Engine GMP是一个基于精灵2-D游戏,它可以很容易地设计复古风格的街机游戏。它也非常适合于制作拼图,数独或gogopop。GMP已经提供了一些实用游戏原型,减少游戏开发周期。项目地址2. PlaycraftThe Playcraft Engine equips you with a complete HTML5 game engine toolset that gives you everything you need to build yo 阅读全文

posted @ 2014-01-28 09:56 freeliver54 阅读(481) 评论(0) 推荐(0) 编辑

[转]15 个顶级 HTML5 游戏引擎
摘要:本文转自:http://www.open-open.com/news/view/13874db1) HTML5 Game EngineConstruct 2 is a leading high quality HTML5 game engine. Tens of thousands of HTML5 game developers are choosing Construct 2 to make HTML5 games.2) Clanfxclanfx is a 2D, tile-based Javascript game engine developed using Javascript an 阅读全文

posted @ 2014-01-28 09:45 freeliver54 阅读(935) 评论(0) 推荐(0) 编辑

[转]position:relative leaves an empty space
摘要:本文转自:http://stackoverflow.com/questions/5229081/positionrelative-leaves-an-empty-space在使用relative进行定位时比如一个设置了width的td内 包含select 和 input将input通过position:relative ; top:-23px 进行位置上移 覆盖了select的部分区域但td的高度 却还是两个控件的高度可以通过margin-bottom的设置 来使其空白不占高度Another trick which worked fine for me is to use a negative 阅读全文

posted @ 2014-01-27 10:26 freeliver54 阅读(484) 评论(0) 推荐(1) 编辑

[转]关于position 的 static、relative、absolute、fixed、inherit
摘要:本文转自:http://www.56770.com/faq/list/?id=410position 有五个值:static、relative、absolute、fixed、inherit。static是默认值。就是按正常的布局流从上到下从左到右布局,平常我们做网页时,没有指定 position,也就表示使用 static。relative没有脱离布局流,此时可以使用 top、right、bottom、left 属性。top 和 bottom 共存时,使用 top 值,忽略 bottom 值;left 和 right 共存时,使用 left 值,忽略 right 值;relative 是相对位 阅读全文

posted @ 2014-01-26 17:34 freeliver54 阅读(184) 评论(0) 推荐(0) 编辑

jquery mobile - select and input - horizontal - in same line
摘要:控件组合的水平布局select + input 在同一行注意jquery mobile 的js 和css 的版本,一些低版本 估计不支持 Welcome To My Homepage title Footer Text 阅读全文

posted @ 2014-01-23 10:35 freeliver54 阅读(1941) 评论(0) 推荐(0) 编辑

[转]div 让文字或图片居中
摘要:本文转自:http://qsfwy.iteye.com/blog/250206在div 中让 文字或图片居中,请参考以下代码1: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 居中百度 参考代码2: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -.. 阅读全文

posted @ 2014-01-14 15:39 freeliver54 阅读(320) 评论(0) 推荐(0) 编辑

[转]div内容底部对齐
摘要:本文转自:http://blog.csdn.net/hellomy/article/details/5889833 CSS实现文字底部对齐 网页特效ggg 阅读全文

posted @ 2014-01-14 11:15 freeliver54 阅读(284) 评论(0) 推荐(0) 编辑

[转]Loading, Editing, and Saving a Text File in HTML5 Using Javascript
摘要:本文转自:http://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/The HTML and JavaScript code below makes use of some features of HTML5 (specifically the “Blob” object, the File API, and the “download” attribute of the “a” tag) to allow the user 阅读全文

posted @ 2014-01-02 15:56 freeliver54 阅读(577) 评论(1) 推荐(0) 编辑

[转]使用 HTML5 索引型数据库的待办事项简要列表
摘要:本文转自:http://www.html5rocks.com/zh/tutorials/indexeddb/todo/ ​ 阅读全文

posted @ 2013-12-27 08:54 freeliver54 阅读(727) 评论(1) 推荐(0) 编辑

[转]HTML5 本地存储
摘要:本文转自:http://www.cnblogs.com/rainman/archive/2011/06/22/2086069.html1、sessionStorage2、localStorage3、Database Storage4、globalStorage5、兼容性参考文献本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序,操作系统会一共一个抽象层,用于存储和获取特定于应用程序的数据,例如用户设置或者运行时状态。这些值可以被存储于注册表、INI 文件,或者其他什么地方,这取决于操作系统的实现。如果你的本地应用程序需要不简单是键值对形式的本地存储,你也可以使用嵌 阅读全文

posted @ 2013-12-26 10:15 freeliver54 阅读(224) 评论(1) 推荐(0) 编辑

[转]利用vertical-align:middle实现在整个页面居中
摘要:本文转自:http://www.cnblogs.com/xueming/archive/2012/03/21/VerticalAlign.html如果想让一个div或一张图片相对于整个页面居中,用vertical-align:middle可以很简单地解决。就以一个404页面为例,看如何让一张图片相对于整个页面居中,如下图:这是一个404页面,里面就只有一张图片,点击图片可以回到首页,而且这个图片是相对于整个页面居中的,无论是水平还是垂直(PS:这可算是我做404页面最为习惯的一种懒人做法了,越简单越好,要想好看的话,直接用photoshop做一张好看一点的图片就好了~)。接下来看一下它的htm 阅读全文

posted @ 2013-10-08 15:10 freeliver54 阅读(317) 评论(0) 推荐(0) 编辑

[转]使用 YCombo 做 JS /CSS开发 合并 压缩
摘要:本文转自:http://www.neoease.com/minimize-javascript-files-using-ycombo/前文已介绍过 YCombo 及相关的 CSS 和 JS 合并工具. 合并静态文件, 减少页面请求可以有效提升网页性能, 但手动处理的话工作繁杂易于出错, YCombo 就是为了解决这个问题而诞生的工具. 这不是最先进的解决方案, 但对小型网站来说已是游刃有余了.少于 10 个经常改动的页面应该可以算是小型网站, 当然, 博客也算是, 这个博客现在就是使用这个工具来辅助开发的. 本文作为延伸, 说说平时我是怎样利用这个工具来完成网页开发的.拆分 JS 模块Java 阅读全文

posted @ 2013-09-26 11:51 freeliver54 阅读(1148) 评论(0) 推荐(1) 编辑

导航