浏览模式: 普通 | 列表
在我们设计网页的时候,经常会遇到图片自适应问题,实际这些工作完全可以交给浏览器来完成就可以了,只可惜,无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意,网上实现网页图片宽度和高度的方法也很多,主要又两种:

第一种是使用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;
-------------------------------

控制复选框最多选择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++){
...

阅读全文…
转自:http://hi.baidu.com/jinjin0903/blog/item/829169d8c5a67d3132fa1c5c.html

这两天做列表数据显示的时候,几乎被"对象不支持此属性和方法" 的错误提示搞疯掉了,两个完全一样的程序(事后才知道有个单词的大小写
不一样),竟然一个显示正常,一个却频繁提示出错。

在一般情况下,同一个表单只能被提交给同一个地址。但在实际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";
...

阅读全文…
<div style=”cursor: hand;”>
                    显示手形鼠标指针,IE6 only
</div>
<div style=”cursor: pointer;”>
                    显示手形鼠标指针,Firefox IE6兼容
</div>
在操作父窗口中元素的时候,弹出新窗口和使用浮动框架有所不同

弹出新窗口 window.open
opener.document.getElementById("id2").value

浮动框架 iframe
window.parent.document.getElementById("id1").value
HTML code
<div id="divTest" style="border:1px solid red;width:300px;height:300px;">
<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()
...

阅读全文…