随笔分类 - [HTML/CSS]
摘要：摘要 HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 Html5
阅读全文
摘要：摘要 在web开发中，为了提高用户体验，在加载数据的时候都会给一个loading的提示。 Html 效果 把需要的css贴过去，然后把这段代码放在需要显示的页面上 控制显示与隐藏的js
阅读全文
摘要：摘要 最近一直在折腾邮件通知的东东，大概逻辑就是如果有新邮件，向收件人的app推送一条服务号消息，并且在单击该消息的时候，需要展示邮件的详情。 技术 这里是使用Exchange EWS API来实现的，通知的时候，只获取该邮件的标题，发件人信息，当用户单击查看详情的时候，拉取邮件详情，由于Exhcn
阅读全文
摘要：摘要 有时候需要用到iframe，但里面的单击里面的链接的时候，总是在该iframe中打开。 解决办法 其实解决起来也很简单。 在iframe中的head标签中添加下面的标签即可。 该标签为页面上所有链接规定默认目标。 target： _blank：在新窗口中打开被链接的文档。 _self：默认。在
阅读全文
摘要：写在前面年底了，有些公司会出一个摇奖的活动，今天在家没事就搜了一下这方面的资料。原文地址：http://www.cnblogs.com/waitingbar/p/4682215.html测试效果还行。 1 2 3 4 5 摇一摇 6 ...
阅读全文
摘要：写在前面在实际开发中，为了友好，更需要一种美观的弹出框，js原生的alert，很难满足需求。这里推荐一个bootstrap的弹出框。一个例子先看效果吧代码： 模式弹出框 ...
阅读全文
摘要：写在前面项目中有这样的需求，在android端嵌入的html5应用中，需要扫描二维码，而一般的浏览器是不允许你调用摄像头的。最后时限方式是由app的webview进行扫描，将扫描结果返回，也就是js的回调方法中。例子说明 erCodeCallBack为安卓端的扫...
阅读全文
摘要：写在前面这几天一直在整理面试中遇到的问题，其中一个就是margin与padding的区别。当时说的虽然说出要点了，但是心里还是有点疑惑，所以就又查了查。结合之前整理的内容，深入的研究了下。[HTML/CSS]盒子模型，块级元素和行内元素[HTML/CSS]margin属性用法区别从网上找了这样一段话...
阅读全文
摘要：写在前面在面试的时候遇到这样一个笔试题，使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章：[HTML/CSS]说说position代码闲来无事，就自己动手实现了一下，代码如下： 1 2 3 4 5 6 首页...
阅读全文
摘要：写在前面在群里有朋友问这样一个问题，display:none的标签，影响了布局。这就引出了本篇这样的问题，印象中display:none的块元素是不占位置的。一个例子 第一个层 第二个层浏览结果为第一个层设置样式visibility:hidden 第一个层 第二个层 ...
阅读全文
摘要：概述在一些小的项目中，前台样式还是需要自己来写的，这时候，margin在布局中还是有一定的地位的。上篇文章中介绍的盒子模型中，就有margin的存在。marginmargin可以用来设置css块级元素之间的距离。 * { /*距左元素块距离（设置距左内边距）*/ ...
阅读全文
摘要：目录概述盒子模型块级元素行内元素可变元素总结概述在div+css中，了解块级元素和行内元素还是非常有必要的，比如：对行内元素使用width属性就会失效。虽然自己不是做前端的，但是，在项目中，曾经也弄过从前端布局，也吃过这方面的亏。今天，群里有朋友问起这个，就趁着学习一下，也算是查漏补缺吧，虽然，谈不...
阅读全文
摘要：概述最近项目中需要，将一个页面嵌入在一个webbrower中，这个webrower是定高的，在页面内容超过webbrower高度时，需要以滚动条的形式展现，当时也考虑了使用webbrower的滚动条，但是无法获取页面的实际高度，就放弃了，而是采用给页面的div加滚动条的方式。滚动条css在任何情况下...
阅读全文
摘要：概述在项目中经常用到uploadify上传插件，但是FLASH按钮的外观往往跟我们网页的设计的主题色不太搭配。这时就需要对其样式进行修改。样式文件是uploadify.css.打开这个文件后，你会看见CSS设置的按钮样式。 1 .uploadify-button { 2 background...
阅读全文
摘要：目录语法作用使用定位的条件总结语法position : static absolute relative（static、absolute、relative常用值）。参数static :无特殊定位，对象遵循HTML定位规则。absolute :将对象从文档流中拖出，使用left，right，top，b...
阅读全文
摘要：目录语法结构如何使用？使用案例总结语法结构z-index：具体数字。如：div｛z-index：100｝，注意，后面跟的数字并不带单位。主要应用在div，span等标签的层叠处理。如何使用？z-index在使用绝对定位 position:absolute属性条件下使用才能使用。通常我们让不同的对象盒...
阅读全文
摘要：引言帮一个朋友弄前端布局，一切都正常，但是嵌入object之后，div总是在object的下面，就上网找了一下解决方案，这里记录一下，好像只对flash有效。用embed插入一个flash（比如优酷的视频），结果总是能把其它元素盖住。把其它元素的z-index改成巨大都没用。现有的解决方案是在插入f...
阅读全文
摘要：引言在UML系列学习中的小插曲：看过《大湿教我写.net通用权限框架(1)之菜单导航篇》之后发生的事在上篇中只拿登录界面练练手，不把主界面抠出来，实在难受，严重的强迫症啊。之前一直在总结UML系列，也没把主要精力放在这上面，最近腾出了点时间，整理一下，一是学习，二是张张姿势。晒图微软高级php工程师原图：LZ纯F12呕心后力作：数据库设计 1 GO 2 3 /****** Object: Table [dbo].[TB_EventInfo] Script Date: 12/02/2013 20:57:44 ******/ 4 SET ANSI_NULLS ON 5 GO 6 7 S...
阅读全文
摘要：引言本来是想继续UML学习系列的，今天换换内容，一直弄那个也挺无聊的，在博客园看到这位牛人怎么扣界面的，觉得很新奇，今天也尝试了。确实很牛逼。这里也将学习结果分享一下。十分感谢@微软高级php工程师，膜拜啊。原文地址：大湿教我写.net通用权限框架(1)之菜单导航篇他的文章下面有三个链接，这里就做个简单的，怎么扣登录界面？患者：登录界面手术台：火狐浏览器主刀人：LZ操刀过程解剖1）首先根据他给的链接进入登录界面http://223.86.105.239:803/Frame/Login.htm这界面还第一次见到，不让我右键，不让我F12（IE浏览器F12有效，其他浏览器F12没反应......）
阅读全文
摘要：1 2 3 4 5 右下角div固定 6 13 14 15 随平滚懂div16 静止不动div17 18 19 20 21 22 本文来自：http://www.jzxue.com/wangyesheji/wangyetexiao/201011/09-4940.html方式二：纯css控制且半透明效果，但兼容性较差1 #div_digg{ position:fixed; _position:absolute;z-index:1000;bottom:0; right:0; _right:17px; background-c...
阅读全文