<script language="javascript">
function ok()
{with (document.form)
{
c.value=a.value*b.value
}
}
</script>
<form name="form">
<input name="a" type="text" size="6"/>×<input name="b" type="text" size="6" onkeyup='javascript:ok();'/>
=<input name="c" type="text" value="" size="6"/>
</form>
网上有不少生成缩略图的ASP组件。若你的虚拟空间不支持注册新组件,可能会感觉自己的网站失色不少。心晴不才,结合网上资源写了个无组件生成缩略图程序,仅供参考。
还是先看看基础部分吧。首先,我们知道在页面中显示图片是如下代码:
<img src="pic.gif" border="0" width="300" height="260">
src是图片路径,border控制图片边缘宽度,width是图片的长度,height是图片的高度。缩略图的生成其实就是在原始尺寸上缩放。但一般为了尽量少失真,我们都会按比例缩放。于是,获取图片的长宽尺寸也就成了生成缩略图的重点。
下面便是编写无组件生成缩略图的步骤:
1.无组件获取图片大小
ASP函数与VBSCRIPT类似,以下举一些常用的函数
Array()
函数返回一个数组
表达式 Array(list)
允许数据类型: 字符,数字均可
实例: <%
Dim myArray()
For i = 1 to 7
Redim Preserve myArray(i)
myArray(i) = WeekdayName(i)
Next
%>
返回结果: 建立了一个包含7个元素的数组myArray
myArray("Sunday","Monday", ... ... "Saturday")
<SCRIPT language=JavaScript >
function RunGLNL(){
var today=new Date();
var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日";
DDDD = DDDD + " " + d[today.getDay()];
DDDD = DDDD+ " " + (CnDateofDateStr(today));
//DDDD = DDDD+ " " + SolarTerm(today);
document.write(DDDD);
}
function DaysNumberofDate(DateGL){
return parseInt((Date.parse(DateGL)-Date.parse(DateGL.getYear()+"/1/1"))/86400000)+1;
}
function CnDateofDate(DateGL){
var CnData=new Array(
<script type='text/javascript'>
window.onload=addfavorite();
function addfavorite()
{
switch(getOs())
{
case 1:window.external.addFavorite('http://www.dxpai.com','手机短信 - 短信派!');break;
case 2:window.sidebar.addPanel('手机短信 - 短信派!', 'http://www.dxpai.com', "");break;
case 0:alert("手机短信 - 短信派!");break;
}
}
function getOs()
{
if(navigator.userAgent.indexOf("MSIE")>0)return 1;
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)return 2;
if(isSafari=navigator.userAgent.indexOf("Safari")>0)return 3;
if(isCamino=navigator.userAgent.indexOf("Camino")>0)return 4;
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0)return 5;
return 0;
}
</script>
<%
d=DateValue(now())
response.Write d
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$laos_title$ - www.dxpai.com</title>
</head>
<body>
<div id="guides">
<div class="left">当前位置:$laos_guide$</div>
</div>
<div id="main1">
<div class="left">
<div class="tit">$laos_tit$</div>
<ul>
$laos_list$
</ul>
</div>
<div class="right">
<h3 class="line">热点文章</h3>
<ul>
$laos_hot$
</ul>
</div>
</div>
</body>
</html>
<script language="JavaScript">
function laos(size){
document.getElementById('laosi').style.fontSize=size+'%'
}
</script>
<p id="laosi">字体大小:<a href="javascript:laos(160)">大</a> <a href="javascript:laos(130)">中</a> <a href="javascript:laos(100)">小</a></p>
<SCRIPT language=JavaScript>
lck=0;
function r(hval)
{
if ( lck == 0 )
{
document.bgColor=hval;
}
}
</SCRIPT>
<P align=middle vAlign="top">
<BUTTON onclick="r('#E7F4FE')">蓝</BUTTON>
<BUTTON onclick="r('#E9FAFF')">浅</BUTTON>
<BUTTON onclick="r('#ffffef')">黄</BUTTON>
<BUTTON onclick="r('#efffff')">蓝</BUTTON>
<BUTTON onclick="r('#efffef')">绿</BUTTON>
<BUTTON onclick="r('#e4defe')">紫</BUTTON>
<BUTTON onclick="r('#e4efff')">浅</BUTTON>
<BUTTON onclick="r('#a6d8f1')">蓝</BUTTON>
<BUTTON onclick="r('#669933')">青</BUTTON>
</P>