常见web标准解决方案集合___网站结构化飞飞Asp技术乐园

常见web标准解决方案集合

时间： 2007-11-29 15:01:27　阅读次数：10674

第 1 页常见web标准解决方案集合[1]

第 2 页常见web标准解决方案集合[2]

第 3 页常见web标准解决方案集合[3]

第 4 页常见web标准解决方案集合[4]

第 5 页常见web标准解决方案集合[5]

21.怎样使一个层垂直居中于浏览器中

提示：您可以先修改部分代码再运行

CODE:这里我们使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二

22 .图片垂直与容器内
CODE:参考：http://bbs.blueidea.com/thread-2666987-1-1.html

23.如何让三列横向排列

提示：您可以先修改部分代码再运行

CODE:横向排列DIV可以使用浮动的方式比如float:left,或者用内联方式，还可以绝对定位对象等等.

24.通用的加入收藏夹代码

提示：您可以先修改部分代码再运行

CODE:经常有朋友说他的加入收藏夹代码只支持IE,上面的例子可以很好的解决这个问题,在IE6-7. FF2.0 OP9.0中测试通过

25.复制到系统剪贴板之IE,ff兼容版

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<script type="text/javascript">
// <![CDATA[
function copy_clip(copy){
if (window.clipboardData){
window.clipboardData.setData("Text", copy);}
else if (window.netscape){
netscape.security.PrivilegeManager.enablePrivilege( UniversalXPConnect );
var clip = Components.classes[ @mozilla.org/widget/clipboard;1 ].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes[ @mozilla.org/widget/transferable;1 ].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor( text/unicode );
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext=copy;
str.data=copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid=Components.interfaces.nsIClipboard;
if (!clip) return false;
clip.setData(trans,null,clipid.kGlobalClipboard);}
alert("已复制"+copy)
return false;
}
// ]]>
</script>
<h1>请另存代码测试</h1>
<input type="text" id="ff" value="www.blueidea.com" /><button onclick="copy_clip(document.getElementById( ff ).value)">复制
</button>

提示：您可以先修改部分代码再运行