wbox轻量级的弹出窗口jQuery插件
[ 2011-03-21 22:05:45 | 作者: admin ]
wBox 1.0正式发布！——轻量级的弹出窗口jQuery插件，压缩后仅仅3.65Kb，基于jQuery1.4.2开发，主要实现弹出框的效果，并且加入了很多有趣的功能，比如callback函数，显示隐藏层，Ajax页面，iframe嵌入页面……
wBox特点
背景透明度可以根据实际情况进行调节
可以根据需要添加wBox标题
支持callback函数
支持html内容自定义
支持在wBox显示#ID的内容
支持Ajax页面内容
支持iFrame
支持wBox拖拽功能
ESC键，或者在背景上双击即可关闭wBox
class为wBox_close点击可以关闭wBox，无论是组装的html，还是隐藏的html，甚至于iframe的内容中的.wBox_close 新功能
优化代码~
美化界面~
默认可拖动，drag为false关闭
新增wBox关闭方法：wBox.close()
...
阅读全文…
wBox特点
背景透明度可以根据实际情况进行调节
可以根据需要添加wBox标题
支持callback函数
支持html内容自定义
支持在wBox显示#ID的内容
支持Ajax页面内容
支持iFrame
支持wBox拖拽功能
ESC键，或者在背景上双击即可关闭wBox
class为wBox_close点击可以关闭wBox，无论是组装的html，还是隐藏的html，甚至于iframe的内容中的.wBox_close 新功能
优化代码~
美化界面~
默认可拖动，drag为false关闭
新增wBox关闭方法：wBox.close()
...
阅读全文…
滑动门制造仿淘宝网站的导航标签效果
[ 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
阅读全文…
