滑动门制造仿淘宝网站的导航标签效果
[ 2010-11-23 20:26:41 | 作者: admin ]
看压缩包的演示
点击下载
点击下载
方法一：
把ppt文件的扩展名直接修改为pps，嵌入到网页中
<iframe src="doc.pps" width="800" height="600" />
缺点：这种方式浏览器会提示是打开，还是下载，选择打开的话会直接在浏览器中打开，并且客户端一定要安装Office PowerPoint才能打开
方法二：
把ppt文件在PowerPoint中另存为网页，保存类型为htm，可以直接在网页中打开
缺点：每一个ppt文档都需要在PowerPoint中另存为网页，因为需要转换格式，在特殊场景下可能不适用
方法三：
使用微软提供的ocx控件
下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyId=CE2CA4FD-2169-4FAC-82AF-770AA9B60D77
介绍地址：http://support...
阅读全文…
把ppt文件的扩展名直接修改为pps，嵌入到网页中
<iframe src="doc.pps" width="800" height="600" />
缺点：这种方式浏览器会提示是打开，还是下载，选择打开的话会直接在浏览器中打开，并且客户端一定要安装Office PowerPoint才能打开
方法二：
把ppt文件在PowerPoint中另存为网页，保存类型为htm，可以直接在网页中打开
缺点：每一个ppt文档都需要在PowerPoint中另存为网页，因为需要转换格式，在特殊场景下可能不适用
方法三：
使用微软提供的ocx控件
下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyId=CE2CA4FD-2169-4FAC-82AF-770AA9B60D77
介绍地址：http://support...
阅读全文…
select表单选择与网址跳转
[ 2010-10-11 13:31:42 | 作者: admin ]
做个记录，经常用到又要去查，累！
...
阅读全文…
<select
onChange="window.open(this.children[this.selectedIndex].value)"
name="select2">
<option>＝ 下属分局 ＝</option>
<option value="http://www.52news.com">区分局</option>
<option value="http://www.52news.com">区分局</option>
</select>
onChange="window.open(this.children[this.selectedIndex].value)"
name="select2">
<option>＝ 下属分局 ＝</option>
<option value="http://www.52news.com">区分局</option>
<option value="http://www.52news.com">区分局</option>
</select>
...
阅读全文…
UTF-8不能自动选择字符编码(iframe)，页面输出空白
[ 2010-10-09 10:43:43 | 作者: admin ]
同事调试页面的时候发现如果IE没有选择自动编码，那么utf-8的有些页面会在IE下显示空白，即使你习惯性的加入了：<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
产生原因：
utf-8用3个字节表示一个汉字，而普通的gb2312或big5是2个。而恰巧IE在解析网页编码时以HTML内的标签为优先，然后再会解析Header内的内容，但FF等其他浏览器相反。正因为这样，当Title里有奇数个全角字符时，IE把utf-8当作两个字节解析时出现半个汉字的情况，这时该半个汉字会和</title>的<结合成一个乱码字，导致IE无法读完<title>部分，使整个页面为空白输出。
解决方案：
实际上很简单，把<meta http-equiv=”Content-Type” ...
阅读全文…
阅读全文…
Zen Coding: 一种快速编写HTML/CSS代码的方法
[ 2010-09-25 20:30:59 | 作者: admin ]
项目地址：http://code.google.com/p/zen-coding/
p.s. Zen coding的大名可能大家都有所耳闻，便捷的编码方式让很多取巧的人乐此不疲，目前它还支持DreamWeaver ，UltraEdit, NetBeans, Notepad++
赶快来试试吧
看到一博客排版精美，界面素雅，很漂亮啊，若不是对 Wordpress 性能略有微词，恨不得就转Wordpress了，地址：http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html
下面的动态演示图，只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。
...
阅读全文…
p.s. Zen coding的大名可能大家都有所耳闻，便捷的编码方式让很多取巧的人乐此不疲，目前它还支持DreamWeaver ，UltraEdit, NetBeans, Notepad++
赶快来试试吧
看到一博客排版精美，界面素雅，很漂亮啊，若不是对 Wordpress 性能略有微词，恨不得就转Wordpress了，地址：http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html
下面的动态演示图，只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。
...
阅读全文…
查找：?'http://www.52News.com/'
正则：\?'http://.*?/'
正则：\?'http://.*?/'
javascript的静态类的写法
[ 2010-09-24 08:52:22 | 作者: admin ]
http://blog.csdn.net/songhuanren/archive/2007/03/26/1542088.aspx
var ScreenClass={
/**
*获取浏览器窗口中文档（视口）可用尺寸
*不包括标题栏、工具栏、滚动条等内容。
*/
getViewportInfo:function(){
var w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth;
var...
阅读全文…
var ScreenClass={
/**
*获取浏览器窗口中文档（视口）可用尺寸
*不包括标题栏、工具栏、滚动条等内容。
*/
getViewportInfo:function(){
var w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth;
var
阅读全文…
Float浮动布局Box高度冲突的三个解决办法
[ 2010-08-16 21:56:15 | 作者: admin ]
这个问题应该是使用标准布局发生兼容性问题的“典范”了，干网页制作的人几乎都遇见过，我在做页面的时候也遇见过。因为#box的.left与.right都浮动了，所以#box计算不到子元素的高度;导致#box没有获得高度，没有高度就局限了background与border的显示区域。
解决方法一：
#boxBg {float:left;}
再#box后面再加一个容器#boxBg，让它浮动起来。因为#boxBg也浮动起来了，所以它跟里面的.left与.right是属于一个层面上的位置，所以这样#boxBg就能计算子元素的高度了。#box用来限制宽度以及居中，background和border的显示与高度计算就用#boxBg来实现 。
代码如下
阅读全文…
解决方法一：
#boxBg {float:left;}
再#box后面再加一个容器#boxBg，让它浮动起来。因为#boxBg也浮动起来了，所以它跟里面的.left与.right是属于一个层面上的位置，所以这样#boxBg就能计算子元素的高度了。#box用来限制宽度以及居中，background和border的显示与高度计算就用#boxBg来实现 。
代码如下
以下为引用的内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
阅读全文…
