网页图片宽度和高度自适应的方法汇总
[ 2009-07-01 09:34:01 | 作者: admin ]
在我们设计网页的时候,经常会遇到图片自适应问题,实际这些工作完全可以交给浏览器来完成就可以了,只可惜,无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意,网上实现网页图片宽度和高度的方法也很多,主要又两种:
第一种是使用CSS来完成;第二种是使用Javascript来完成,根据实际的应用效果来说,使用Javascript还是比较靠谱一点,因为CSS的expression的确有点烦,笔者是指使用效果上有点恼人,本文专门把这两种都总结一下,方便站长们参考使用。
一、使用CSS实现图片的自适应
使用CSS实现图片自适应很简单,主要靠两个参数来完成,分别是max-width和max-height,这两个参数在FIREFOX和IE7以上支持都很好,但是在IE6上面,效果非常糟糕,尤其是对于多张图片的显示,第一次显示网页大都很难达到图片自适应的效果,一般都是有些能自适应,有些不能...
阅读全文…
第一种是使用CSS来完成;第二种是使用Javascript来完成,根据实际的应用效果来说,使用Javascript还是比较靠谱一点,因为CSS的expression的确有点烦,笔者是指使用效果上有点恼人,本文专门把这两种都总结一下,方便站长们参考使用。
一、使用CSS实现图片的自适应
使用CSS实现图片自适应很简单,主要靠两个参数来完成,分别是max-width和max-height,这两个参数在FIREFOX和IE7以上支持都很好,但是在IE6上面,效果非常糟糕,尤其是对于多张图片的显示,第一次显示网页大都很难达到图片自适应的效果,一般都是有些能自适应,有些不能...
阅读全文…
向flash传递参数
[ 2009-06-04 14:11:59 | 作者: admin ]
----------------------------
html文件代码
<param name="movie" value="demo.swf?aaa=11&bbb=22" />
----------------------------
flash中代码如下
loadVariables("", aaa);
loadVariables("", bbb);
id=aaa;
name=bbb;
-------------------------------
html文件代码
<param name="movie" value="demo.swf?aaa=11&bbb=22" />
----------------------------
flash中代码如下
loadVariables("", aaa);
loadVariables("", bbb);
id=aaa;
name=bbb;
-------------------------------
控制复选框最多选择4项的代码
[ 2009-03-31 16:49:52 | 作者: admin ]
保存为网页html格式
<script language=javascript>
function test(){
var thecount;
var count1;
var i;
count1=0;
for (i=0; i<12; i++){
if (document.f1.id(i).checked==true){
count1++;
if (count1>=4){
break;
}
}
}
if (count1>=4)
{
alert("最多选择:" +count1 +"项");
for (i=0; i<12; i++){
if (document.f1.id(i).checked==false){
document.f1.id(i).disabled=true;
}
}}
else
{for (i=0; i<12; i++){
...
阅读全文…
<script language=javascript>
function test(){
var thecount;
var count1;
var i;
count1=0;
for (i=0; i<12; i++){
if (document.f1.id(i).checked==true){
count1++;
if (count1>=4){
break;
}
}
}
if (count1>=4)
{
alert("最多选择:" +count1 +"项");
for (i=0; i<12; i++){
if (document.f1.id(i).checked==false){
document.f1.id(i).disabled=true;
}
}}
else
{for (i=0; i<12; i++){
...
阅读全文…
表单提交中form.submit()问题,对象不支持此属性或方法
[ 2009-01-15 16:09:34 | 作者: admin ]
转自:http://hi.baidu.com/jinjin0903/blog/item/829169d8c5a67d3132fa1c5c.html
这两天做列表数据显示的时候,几乎被"对象不支持此属性和方法" 的错误提示搞疯掉了,两个完全一样的程序(事后才知道有个单词的大小写
不一样),竟然一个显示正常,一个却频繁提示出错。
在一般情况下,同一个表单只能被提交给同一个地址。但在实际web应用中,我们希望同一个表单可以根据用户的选择来完成不同的操作,即表
单的分向提交。比如说:在一个网站后台用户管理系统中,我需要对一些恶意的用户进行批量解锁,锁定用户或者删除的操作,当我从select
中选择删除会员时,我们希望表单会提交给能进行删除的处理程序,当我 从select 中选择锁定会员时,我们希望表单会 提交到锁定会员的处
理程序,解锁会员 也如此。我们极不愿意看到分别为这三个功能建立三个不同的页面,而其中仅仅 是处理程序不同。
...
阅读全文…
这两天做列表数据显示的时候,几乎被"对象不支持此属性和方法" 的错误提示搞疯掉了,两个完全一样的程序(事后才知道有个单词的大小写
不一样),竟然一个显示正常,一个却频繁提示出错。
在一般情况下,同一个表单只能被提交给同一个地址。但在实际web应用中,我们希望同一个表单可以根据用户的选择来完成不同的操作,即表
单的分向提交。比如说:在一个网站后台用户管理系统中,我需要对一些恶意的用户进行批量解锁,锁定用户或者删除的操作,当我从select
中选择删除会员时,我们希望表单会提交给能进行删除的处理程序,当我 从select 中选择锁定会员时,我们希望表单会 提交到锁定会员的处
理程序,解锁会员 也如此。我们极不愿意看到分别为这三个功能建立三个不同的页面,而其中仅仅 是处理程序不同。
...
阅读全文…
javascript中replace()
[ 2008-11-12 08:09:17 | 作者: admin ]
在javascript中,String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力,让我不禁想向大家介绍它。
replace()最简单的算是能力就是简单的字符替换。示例代码如下:
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace("a","A"));
</script>
我想大家运行后可以看到结果,它只替换了首字母。但如果加上正则表达式结果就不一样了!呵呵,没错。replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换!
<script language="javascript">
var strM = "javascript is a good script language";
...
阅读全文…
replace()最简单的算是能力就是简单的字符替换。示例代码如下:
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace("a","A"));
</script>
我想大家运行后可以看到结果,它只替换了首字母。但如果加上正则表达式结果就不一样了!呵呵,没错。replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换!
<script language="javascript">
var strM = "javascript is a good script language";
...
阅读全文…
css实现手形鼠标指针并兼容Firefox与IE6浏览器
[ 2008-10-16 14:39:56 | 作者: admin ]
<div style=”cursor: hand;”>
显示手形鼠标指针,IE6 only
</div>
<div style=”cursor: pointer;”>
显示手形鼠标指针,Firefox IE6兼容
</div>
显示手形鼠标指针,IE6 only
</div>
<div style=”cursor: pointer;”>
显示手形鼠标指针,Firefox IE6兼容
</div>
新窗口(opener.document)与浮动框架( window.parent)
[ 2008-09-02 15:22:53 | 作者: admin ]
在操作父窗口中元素的时候,弹出新窗口和使用浮动框架有所不同
弹出新窗口 window.open
浮动框架 iframe
弹出新窗口 window.open
opener.document.getElementById("id2").value
浮动框架 iframe
window.parent.document.getElementById("id1").value
JS 改变图片地址,并通过图片ur地址 获取图片大小,支持IE7
[ 2008-08-31 09:32:14 | 作者: admin ]
HTML code
JScript code
阅读全文…
<div id="divTest" style="border:1px solid red;width:300px;height:300px;">
<br>
<span id="spnTest"></span>
<br>
</div>
<br>
<span id="spnTest"></span>
<br>
</div>
JScript code
<script type="text/javascript" >
var img = document.createElement("img");
img.src = "http://www.csdn.net/Images/logo_csdn.gif";
document.getElementById("divTest").appendChild(img);
o = document.getElementById("spnTest");
img.onload = function()
...var img = document.createElement("img");
img.src = "http://www.csdn.net/Images/logo_csdn.gif";
document.getElementById("divTest").appendChild(img);
o = document.getElementById("spnTest");
img.onload = function()
阅读全文…