图片超过规定的大小就按原图片大小缩小
[ 2007-01-03 22:10:43 | 作者: yafan99 ]
我们经常会遇到在页面中的图片按照我们自己的大小来显示，这样可以让页面看起来更规范一些。
比如我们要在页面种显示130×160的图片，相当于我们将图片放入这样的一个相框那，超过的就缩放到这个框的大小，小的就原样显示。
我们这里有2种解决办法，
1，不按照比例的缩放
2，按照比例的缩放
阅读全文...
比如我们要在页面种显示130×160的图片，相当于我们将图片放入这样的一个相框那，超过的就缩放到这个框的大小，小的就原样显示。
我们这里有2种解决办法，
1，不按照比例的缩放
<script language="javascript">
function changeImg(mypic){
var xw=130;
var xl=160;
var width = mypic.width;
var height = mypic.height;
if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">
function changeImg(mypic){
var xw=130;
var xl=160;
var width = mypic.width;
var height = mypic.height;
if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" onload="changeImg(this)">
2，按照比例的缩放
<script language="javascript">
function changeImg1(mypic){
var xw=160;
var xl=180;
var width = mypic.width;
var height = mypic.height;
var bili = width/height;
var A=xw/width;
var B=xl/height;
if(A>1||B>1)
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
...function changeImg1(mypic){
var xw=160;
var xl=180;
var width = mypic.width;
var height = mypic.height;
var bili = width/height;
var A=xw/width;
var B=xl/height;
if(A>1||B>1)
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
阅读全文...
无刷新读取ASP文件
[ 2007-01-03 22:07:17 | 作者: yafan99 ]
改了一下昨天的脚本，想要实现读取ASP文件的结果，主要是改了handleStateChange() 函数，但是遇到了编码的问题，读取出来的内容是乱码，找了一些资料，有提到一些方式，不过是使用隐藏一个框架或隐藏一个span标签，再通过定时刷新之类的方法，这与AJAX的XMLHTTP方法不太一样，虽然也可以实现无页面刷新（好像有点跑题了）。说回编码的问题，网上的解决方法还真的很少，找了半天没找到一种合适的，不到倒是知道了原因，是因为ResponseText属性默认将响应数据的编码定为UTF-8。还好遇到个高手，介绍了一种方法，就是在服务器端用escape()编码内容，再在客户端用unescape()解编码。下面是相关的代码：
阅读全文...
---------------------js---------------------------
<script language="javascript">
var xmlHttp;
var ready = false;
//创建对象
function createXMLHttpRequest(){
if (window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest("Msxml2.XMLHTTP.3.0");
}
}
//发请请求
function doSearch(url){
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET",url,"true");
xmlHttp.send(null);
}
//处理响应
function handleStateChange(){
if (xmlHttp.readyState == 4){
if (xmlHttp.status == 200){
document.getElementById("results").innerHTML = unescape(xmlHttp.ResponseText);//用unescape()解编码
...<script language="javascript">
var xmlHttp;
var ready = false;
//创建对象
function createXMLHttpRequest(){
if (window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest("Msxml2.XMLHTTP.3.0");
}
}
//发请请求
function doSearch(url){
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET",url,"true");
xmlHttp.send(null);
}
//处理响应
function handleStateChange(){
if (xmlHttp.readyState == 4){
if (xmlHttp.status == 200){
document.getElementById("results").innerHTML = unescape(xmlHttp.ResponseText);//用unescape()解编码
阅读全文...
九宫格生成脚本 -- GNineBox v2.0
[ 2007-01-03 21:37:26 | 作者: yafan99 ]
GNineBox v2.0终于发布啦，这个版本实现了表现跟内容分离，通过CSS的定义，即可改变九宫格的外框表现。谢谢在制作过程中给于帮助的和意见的各位朋友。特别鸣谢PJ的CSSDome。
/* =============== GNineBox v2.0 ==========
GNineBox("jgClass")
GNineBox("类名")
功能说明：
GNineBox是一个生成九宫格的程序。也可用于制作圆角。
版本更新历史：
v2.0：可通过CSS样式定义九宫格外框样式，实现表现跟内容分离。
（已知问题：不支持Opera）
版权信息：
本程序是自由程序，使用请保留本标注。
作者信息：
Ghost Zhang
Email:lovej1bz@gmail.com
QQ:22168741
ORG: http://www.WebReBuild.ORG http://www.CSSForest.ORG
Blog:http://forest.blogbus.com
使用说明：
只需要通过CSS样式定义要应该九宫格的class类的公共图片名称即可。
例：
定义样式：.gnb{background:url("gn.gif");}或
.GNB{background-image:url("gn.gif");}
只需要给出图片名称前面的公共名即可，如图片名分别为“gn_tl.gif”、
“gn_tm.gif”、“gn_tr.gif”，只要imgName定义为“gn”。
在页面最下面加入：<script type="text/javascript">GNineBox("GNB");</script>
GNineBox的样式的定义优先级如下：
标签级样式，如：<div class="gnb" style="background-image:url(gn.gif)">...</div>
文件级样式，如：<style type="text/css">.gnb{background-image:url(gn.gif)} </style>
外联样式，如：<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="screen" />
没有层级的关系，即.top ...
阅读全文...
/* =============== GNineBox v2.0 ==========
GNineBox("jgClass")
GNineBox("类名")
功能说明：
GNineBox是一个生成九宫格的程序。也可用于制作圆角。
版本更新历史：
v2.0：可通过CSS样式定义九宫格外框样式，实现表现跟内容分离。
（已知问题：不支持Opera）
版权信息：
本程序是自由程序，使用请保留本标注。
作者信息：
Ghost Zhang
Email:lovej1bz@gmail.com
QQ:22168741
ORG: http://www.WebReBuild.ORG http://www.CSSForest.ORG
Blog:http://forest.blogbus.com
使用说明：
只需要通过CSS样式定义要应该九宫格的class类的公共图片名称即可。
例：
定义样式：.gnb{background:url("gn.gif");}或
.GNB{background-image:url("gn.gif");}
只需要给出图片名称前面的公共名即可，如图片名分别为“gn_tl.gif”、
“gn_tm.gif”、“gn_tr.gif”，只要imgName定义为“gn”。
在页面最下面加入：<script type="text/javascript">GNineBox("GNB");</script>
GNineBox的样式的定义优先级如下：
标签级样式，如：<div class="gnb" style="background-image:url(gn.gif)">...</div>
文件级样式，如：<style type="text/css">.gnb{background-image:url(gn.gif)} </style>
外联样式，如：<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="screen" />
没有层级的关系，即.top ...
阅读全文...
Ajax技术：弄不好会减损用户体验
[ 2007-01-03 20:03:36 | 作者: yafan99 ]
作者: 胡宝介
引用
Ajax技术应用于web开发，其快速灵敏的页面响应效果，因符合用户求快的心里和使用方便的需求，博得满堂喝彩。不过，如果页面这种快速反应超出了你的心里预期，而又提示不充分的时候，对用户体验不是提升而是减损。
昨天在某招聘网站发布PHP程序员招聘信息的时候，就遭遇了一个滑稽的Ajax意外：我点击提交按钮，然后就等页面跳到发布成功提示页面。等啊等啊，这个页面一直没反应;我只好再次点击提交，又等了N次方，这个页面还是没反应……后来才突然发现提交按钮下方有一行静悄悄的红色文字说明：信息已经发布成功!我恍然大悟，人家Ajax哦!其实就在点击提交的那一刻，下面这行文字就出现了，只是我没注意到而已。
为什么没注意到这行加粗的红色文字?因为当用户心里预期是转入一个发布成功页面的时候，网站的Ajax响应结果标识不够醒目，没能充分唤起用户注意力，以致弄巧成拙，“快”变成了“慢”。
列举Gmail的Ajax应用案例做个对比，当发出一个邮件处理请求，比如删除一个邮件的时候，页面顶部随即出现一个长条的色彩鲜明的土黄色块，色块中提示成功处理的反馈信息，附下图，整个页面背景下这个黄色条非常醒目：
这个Ajax响应结果有三点值得学习：
1、色块的应用
相比文字，大面积色块首先触动用户的视觉感应，令用户马上注意到页面有了变化响应，再去阅读文字;
2、色块颜色
注意一下这个提示色块的颜色：偏金黄色是最醒目的颜色，但加入一点浓重的土色，视觉上不会觉得冲撞刺眼，达到醒目而不张扬的效果;
3、色块位置
位置出现在视线正视、偏上的部位，非常醒目，用户无需移动视线即可注意到结果。我提交信息的那个招聘网站将Ajax结果显示于提交按钮下方，完全出乎心里预期。这个加粗红字哪怕出现在紧挨提交按钮右边可能效果都会好一些，因为右边有进程感。
...
阅读全文...
Gmail缺陷导致Google账户外泄
[ 2007-01-03 20:00:56 | 作者: yafan99 ]
引用
Google的Gmail中存在一个缺陷，会导致账户信息外泄，进而容易招引垃圾邮件。有迹象显示，Google似乎已经修复了这个漏洞，不过还没有正式声明和确认。
据Digg.com称，缺陷存在于Google将用户的账户信息放在了一个JS文件中，因此如果你登陆Gmail并在浏览器中查看，恶意网站就可以模仿Google的页面和功能，盗取你的私人信息。具体的恶意网站不便透露，不过测试证明，它们的确能暗中窃取Google用户的个人资料。
避免麻烦的方法也很简单：在浏览器中禁用JavaScript，或者针对可信赖网站开启，要么就不去使用需要登陆的Google服务，比如Gmail、Blogger、Orkut、Reader、Calendar等——不过这个显然不太现实。
有迹象显示，Google似乎已经修复了这个漏洞，不过还没有正式声明和确认。
JavaScript 处理 URL 的两个函数
[ 2007-01-03 19:54:57 | 作者: yafan99 ]
function request(paras){ //获取 url 的参数值，不区分大小写,如无此参数，返回空字符串.
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
function redirect(){ //第一个参数是当前url,如 http://localhost/demo.asp?xxx=zzz, 第二个及以后的参数形式必须为 xxx=yyy, mm=bbbbb 最终跳转url为 http://localhost/demo.asp?xxx=yyy&aaa=bbb
if (arguments.length==1){
location.href = arguments[0];
return;
}else{
var paraObj = {};
if (arguments[0].indexOf("?")!=-1){
var curUrlParas = arguments[0].substring(arguments[0].indexOf("?")+1,arguments[0].length).split("&");
for (i=0; j=curUrlParas[i]; i++){
...var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
function redirect(){ //第一个参数是当前url,如 http://localhost/demo.asp?xxx=zzz, 第二个及以后的参数形式必须为 xxx=yyy, mm=bbbbb 最终跳转url为 http://localhost/demo.asp?xxx=yyy&aaa=bbb
if (arguments.length==1){
location.href = arguments[0];
return;
}else{
var paraObj = {};
if (arguments[0].indexOf("?")!=-1){
var curUrlParas = arguments[0].substring(arguments[0].indexOf("?")+1,arguments[0].length).split("&");
for (i=0; j=curUrlParas[i]; i++){
阅读全文...
南京网友义演捐助外地患病大学生(组图)
[ 2007-01-02 13:39:07 | 作者: yafan99 ]
慈善义演现场
董艳明兄妹泪洒捐款现场。图片为网友供稿
在母亲坚强支撑下，两个争气的孩子都步入了大学的殿堂，在他们马上要大学毕业，即将看到幸福生活的曙光时，命运再次和这个家庭开了一个天大的玩笑———一向身体健康的弟弟患上了尿毒症。
看到弟弟身受痛苦而又没有钱医治，大哥董艳明在南京《南气风云》风云上发了一篇求助帖子，帖子被一位名叫“天佑蓝冰洋”的网友发现，凭着“既然我遇见了，尽自己所能，还有什么比挽救一个年轻的生命更重要的？”的信念，“天佑蓝冰洋”号召热心的网友走到现实中来帮助这命运多舛的一家人。
■SOS贴引起网友注意
2006年11月13日深夜，西祠胡同讨论版《南气风云》中一篇名为《拿什么拯救你，我的弟弟！》救助帖引起了“天佑蓝冰洋”的注意。“我叫董艳明，是南京农业大学公共管理学院人力资源管理专业02级1班的毕业生，我来自河北省承德市丰宁满族自治县大阁镇。1996年父亲因骨癌去世，母亲一人供我们兄妹三个上学……
2002年，我和弟弟一起考上了大学，他考上了河南理工大学(原焦作工学院)采矿工程专业，到现在弟弟还欠着学校学费，而我则借的助学贷款……
但是在（2006年）寒假的时候，一向健康的弟弟却被查出患了尿毒症……
本想吃药控制住病情，等我们两个毕业了，攒点钱再给他好好的治，可是最近他的病情恶化，急需要透析治疗，还要做肾移植手术，巨额的费用，对于我们这个家庭实在是无力承担，但也不能眼睁睁看着他人生还没有真正开始就这样匆匆地结束。所以我向社会呼吁，请帮帮我，救救我的弟弟，帮帮我们一家吧！”
还有什么比挽救一个年轻的生命更重要？“天佑蓝冰洋”立刻对此进行了核实。深夜中，两个年轻人通过QQ聊了很久……
■网友募捐义演帮助苦难家庭
2006年11月18日，“天佑蓝冰洋”联合“西祠”网站近30个版的版主，发起“爱心救助行动”。并决定于于2006年12月2日在南京理工大学学术交流中心举行大型慈善义演。
12月2日中午，董家弟弟的遭遇使得孟非、文岚、曹洋、晓何、孙锴、杨阳等当地主持人一齐聚集到南京书城，为当晚举行的慈善义演签售门票，由于义演门...
阅读全文...
SD卡和MMC卡近来得到了广泛的应用，它们的体积小，容量大（现在市场上已经有1GB的SD卡和512MB的MMC卡），速度也还不算慢，因此很多数码相机、手机、PDA、随身听等都使用SD卡和MMC卡，尽管因为近来缺货，SD卡价格有所上涨，但总的来说，现在的SD卡和MMC卡仍然很便宜（比年初已经跌了很多），值得选购。要注意的几点是：
1.SD卡和MMC卡的形状相同，结构相似，但SD卡的接口不同于MMC卡，很多数码设备既可以使用SD卡，也可以使用MMC卡，但并非所有设备都是如此，在购买之前请先确认一下。
2.外形上，SD卡比MMC卡厚，所以在一些设备，比如诺基亚3650上，只能够安装MMC卡，不能够安装SD卡。
3.MMC卡存在着不同的规格，如果对这个和自己的设备不了解，建议购买时带机现场试用。
4.有些手机和PDA对SD卡/MMC卡的兼容性较差，所以即使是要购买sandisk、松下这样较为可靠的名牌SD卡/MMC卡，建议还是带上自己的设备现场试用最好。
现在市场中SD卡/MMC卡最多的便是PQI（劲永）、Sandisk、EagleTEC（鹰泰）、Transcend（创见）、TwinMOS（勤茂）、Samsung（三星）、Kingston（金士顿）、Panasonic（松下）等品牌
SM卡是一种使用了很久的存储卡，大而且薄，过去一般用在MP3播放器、奥林巴斯和富士相机上，现在已经用得越来越少，因此也就只介绍一两种。注意SM卡及设备有3.3V和5V电压之分。
xD卡是一种比较新的小型存储卡，用在奥林巴斯和富士相机上，现在已经有了512MB的型号。xD卡体形轻巧、耗电量小，而且速度也可以和高速CF卡媲美，和CF卡不同的是，CF卡容量大的速度会慢一些，而xD卡则是容量大的速度更快。目前xD卡主要是Olympus(奥林巴斯)和Fujifilm（富士）等几种数码相机和摄像机常使用的存储卡主要有SecureDigital简称为SD卡、MemoryStick简称为记忆棒、CompactFlash简称为CF卡、SmartMediaCard简称为SM卡、MultiMemoryCard简称为MMC卡、XDPictureCard简称为XD卡。
SD卡就是SecureDigitalCard—安全数码卡，由松下公司，东芝公司和美国SANDISK公司共同开发研制的，具有大...
阅读全文...
1.SD卡和MMC卡的形状相同，结构相似，但SD卡的接口不同于MMC卡，很多数码设备既可以使用SD卡，也可以使用MMC卡，但并非所有设备都是如此，在购买之前请先确认一下。
2.外形上，SD卡比MMC卡厚，所以在一些设备，比如诺基亚3650上，只能够安装MMC卡，不能够安装SD卡。
3.MMC卡存在着不同的规格，如果对这个和自己的设备不了解，建议购买时带机现场试用。
4.有些手机和PDA对SD卡/MMC卡的兼容性较差，所以即使是要购买sandisk、松下这样较为可靠的名牌SD卡/MMC卡，建议还是带上自己的设备现场试用最好。
现在市场中SD卡/MMC卡最多的便是PQI（劲永）、Sandisk、EagleTEC（鹰泰）、Transcend（创见）、TwinMOS（勤茂）、Samsung（三星）、Kingston（金士顿）、Panasonic（松下）等品牌
SM卡是一种使用了很久的存储卡，大而且薄，过去一般用在MP3播放器、奥林巴斯和富士相机上，现在已经用得越来越少，因此也就只介绍一两种。注意SM卡及设备有3.3V和5V电压之分。
xD卡是一种比较新的小型存储卡，用在奥林巴斯和富士相机上，现在已经有了512MB的型号。xD卡体形轻巧、耗电量小，而且速度也可以和高速CF卡媲美，和CF卡不同的是，CF卡容量大的速度会慢一些，而xD卡则是容量大的速度更快。目前xD卡主要是Olympus(奥林巴斯)和Fujifilm（富士）等几种数码相机和摄像机常使用的存储卡主要有SecureDigital简称为SD卡、MemoryStick简称为记忆棒、CompactFlash简称为CF卡、SmartMediaCard简称为SM卡、MultiMemoryCard简称为MMC卡、XDPictureCard简称为XD卡。
SD卡就是SecureDigitalCard—安全数码卡，由松下公司，东芝公司和美国SANDISK公司共同开发研制的，具有大...
阅读全文...
用户面板
分类
日历
最新日志
最新评论
搜索
统计数据
友情链接
