-
一段代码解决input与文字的对齐问题
插入表单与文字不能对齐，是困扰我很久的一个问题，相信也困扰过很多程序员吧。
今天经向一朋友请教，竟然是如此的简单，代码如下：
select,input,img{vertical-align:middle;}
就上面的代码，成功、完美的解决！
没有评论 -
CSS控制网页里面的图片尺寸，防止撑破界面
直接上代码：
img,a img{
border:0;
margin:0;
padding:0;
max-width:650px;
width: expression(this.width > 650 && this.width > this.height ? 650px : ‘auto’;);
max-height:1650px;
height: expresion(this.height > 1650 ? 1650px : ‘auto’;);
}复制，修改允许的最大宽度即可。
-
radio 的onClick()事件改变Form 的action属性
直接上代码：
<script>
function s_login()
{
targetForm=document.forms[0];
targetForm.action=”s_login.php”;
}
function t_login()
{
targetForm=document.forms[0];
targetForm.action=”t_login.php”;
}
</script>
<form action=”s_login” method=”post” name=”form1″>
<input type=”radio” name=”type” value=”学生” onClick=”s_login()”>学生
<input type=”radio” name=”type” value=”教师” onClick=”t_login()”>教师
<input type=”submit” value=”提交”>
</form>注意：代码中的双引号，程序自动替换成了中文输入下的双引号，在复制代码的时候记得要替换掉。
-
都是编码惹的祸
UTF8，GB2312，两种网页里面常用的编码。
多数特效JS文件是GB2312的，当应用在UTF8的网页文件里面的时候，就会出现某些版本的浏览器不兼容。
常见的是IE6不兼容，不会有预想的效果。
这个时候，可以考虑下转换特效JS的编码。
-
网页里面播放flv视频文件的代码
1、将下面的代码复制：
<div id=”flash5″>
<script type=”text/javascript” src=”swfobject.js”></script>
<script type=”text/javascript”>
var s5 = new SWFObject(“flvplayer.swf”,”mediaplayer”,”318″,”240″,”8″);
s5.addParam(“allowfullscreen”,”true”);
s5.addVariable(“width”,”318″);
s5.addVariable(“height”,”240″);
s5.addVariable(“file”,”FLV视频文件的位置”);
s5.addVariable(“backcolor”,”0xFFFFFF”);
s5.addVariable(“frontcolor”,”0x546E00″);
s5.addVariable(“autostart”,”true”); //设置自动播放
s5.write(“flash5″);
</script></div>2、下载这里的两个文件，保存到网站目录，就可以了。【点击下载】
修改下宽度，高度，就可以使用了。
-
复制文章内容自动添加文章链接
代码如下，不多做解释：
<script>
document.body.oncopy = function ()
{ setTimeout( function () { var text = clipboardData.getData(“text”);
if (text) { text = text + “\n本文转载自：用键盘记录人生(http://www.pksafe.cn) \n文章地址：”+location.href; clipboardData.setData(“text”, text); } }, 100 ) }
</script> -
文字、图片与input，在同一行水平对齐的方法
在进行div css网页布局的时候，不可避免的需要插入一定的表单元素，input是其中最常见的一种。我们在布局中，常会碰到文本输入框与同处一行的文本或同处一行的图片不对齐的问题。
解决方法：给 input 添加“vertical-align:middle;”属性。
-
IE8下DIV嵌套,外层DIV高度自适应
-
CSS顶部对齐，水平平铺
应用于整个页面的背景条，水平平铺，宽度100%，这样的应该是自上向下渐变的。
代码如下：
#main_div1 {
width: 100%; background: url(tail-body.jpg) #fff repeat-x 50% top;
} -
html:form表单中的select妙用
<select name=”select” size=”10″>
<option value=”测试”>测试</option>
</select>上段代码中的“size”，的妙用，可以加高表单框。特殊情况下可以用到。
