clfsw0201
- 浏览: 41139 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
最近用phonegap开发iphone应用，主要用html5+css3+js技术，因为iphone分辨率是很高，应用界面psd的图是按640px宽度的尺寸制作的，这样出来的页面就要求展现的时候进行缩放显示，即最常使用的viewport属性设置。但是在实际使用的时候总是不起作用，修改width的值偶尔能起一点变化，但还是不符合要求，费了几个小时搜索解决之道，才发现phonegap里面有一项 EnableViewportScale 默认是NO，只要把它变成 Yes 就都解决了。
EnableViewportScale在项目的 “supporting files” =》“PhoneGap.p ...
转自：http://www.cnblogs.com/lucc/archive/2010/03/22/1692011.html
1.添加一个可编辑的iframe
实现HTML编辑器的第1步就是在网页中放置一个可编辑的iframe用来输入文本，使iframe可编辑方法相当简单，只需要将iframe的designMode设置为on即可，具体步骤如下：
var editor = document.getElementById("IFRAME的ID");
var editorDoc = editor.contentWindow.document;
...
html页面写的很标准的话，除IE外表现基本都差不多，虽然不同的浏览器有其自己的hack方式，因为不常用或者基本用不到，就没必要去记了，需要时上网查下就ok了。
下面记录的是最常用的IE的hack：
<style type="text/css">
.className{
padding:10px;
padding:9px\9; /* all ie */
padding:8px\0; /* ie8-9 目前应用于IE8的单独hack，情况比较少 */
*padding:5px; /* ie6-7 ...
之前类似滚动文字两端变淡显示，只能通过在上面覆盖一个透明度渐变的png图片，可是这样的话，当文字滚动到图片下方时，就无法点击了。今天才知道原来css中的pointer-event属性可以解决这种情况。
pointer-events:auto;——这是默认的情况
pointer-events:none;——这样就使该层不会触发鼠标事件，可以被“穿透”
现在支持这一属性的只有Firefox 3.6+, Safari 4 和Google Chrome。
现在新浪微博上也用的这个，IE直接就忽视了。
来源：CSS pointer-Events To Allow C ...
其实很简单，只不过不常用，总忘了，在这记下
window.onbeforeunload = function(){
return "do you want leave?";
}
不同的浏览器会有不同的提示信息，起码chrome只显示自定义的返回值。
JavaScript函数：
/**
设置收藏页面
sURL：要收藏的页面链接
sTitle：要设置的收藏项标题
*/
function addFavorite(sURL, sTitle)
{
try
{
window.external.addFavorite(sURL, sTitle);
}
catch (e)
{
try
{
window.sidebar.addPanel(sTitle, sURL, '');
}
...
Lightbox效果，也可以叫Windows关机效果，最常见的用法就是页面上弹出一个css设置的提示或对话框，但在后面又覆盖了一个层，使网页的其他部分不可点击。
原理：
定义一个浮层，定位方式为fixed，高宽都为屏幕可见高宽， ...
页面大小、窗口大小和滚动条位置这三个数值在不同的浏览器例如 Firefox 和 IE 中有着不同的实现。即使在同一种浏览器例如 IE 中，不同版本也有不同的实现。
本文给出两个能兼容目前所有浏览器的 Javascript 函数，能够获得这三个数值。
获取页面大小和窗口大小的 Javascript 函数
函数 GetPageSize 能够获得页面大小和窗口大小。执行这个函数会得到一个包含页面宽度、页面高度、窗口宽度、窗口高度的对象。
这个函数还是很容易读懂的。
第一部分是获得页面的实际大小，通过一个有3个分支的if...else语句实现。第1个分支针对Mozilla家族的浏览器例 ...
第一章 PHP快速入门教程
1、php中，无论何种风格的注释，在注释符号（#或//）之后行结束之前，或php结束标记之前的所有内容都是注释。
例：//here is a comment ?> here is not
这里面只有“here is a comment”是被注释掉的内容。
2、 ...
关于获取各种浏览器可见窗口大小的一点点研究。
在我本地测试当中：
在IE、FireFox
、Opera
下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得，很简单，很方便。
而在公司项目当中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeig ...
区别不同浏览器，CSS hack写法：
区别IE6
与FF
：
background:orange
;*
background:blue
;
区别IE6
与IE7
：
background:green
!important
;background:blue
;
区别IE7
与FF
：
background:orange
; *
background:green
;
区别FF
，IE7
，IE6
：
background:orange
;*
backgr ...
跨浏览器(cross browser)支持的图片滤镜特效
还在埋怨Firefox不支持css滤镜吗？
下面的例子让你知道,Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+ 都可以实现你所想要的美幻特效
图片卷效果curl : http://www.netzgesta.de/curl/
不在是flash的专利
图片例影效果reflection : http://cow.neondragon.net/stuff/reflection/
个性化图片边缘掩饰edge : ht ...
1、css&js
impressivewebs：http://www.impressivewebs.com/
前端观察（强烈推荐）：http://www.qianduan.net/
懒人图库：http://www.lanrentuku.com/
条件css的高级用法：http://edu.codepub.com/2009/0323/2215.php
2、flex
flex/air中文网站：http://flex.csdn.net/
flex学习专题：http://tech.it168.com/zt/flex/in ...
Javascript在页面加载时的执行顺序
一、在HTML中嵌入Javasript的方法
直接在Javascript代码放在标记对<script>和</script>之间
由<script />标记的src属性制定外部的js文件
放在事件处理程序中，比如：<p onclick="alert(' ...
1、http://www.megashares.com/
无须注册
可直接上传，支持上传视频、音乐、文档、图片等文件，普通上传方式单个文件最大可达1.5G；使用“Custom Uploads”上传方式单个文件最大可达10G，上传前需要安装一个JAVA控件。
上传后会提供独立的下载链接，下载有限制，并且上传的文件15天内无人下载会被删除。
强烈推荐！
上一个文章： 50M无广告可绑米免费静态空间-9k网络提供
下一个文章： 10G/ftp免费全能空间申
2. http://www.zupload.com
允许上传500m的文件，几乎无时限 w ...