注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

代码复制框  

2008-10-08 17:15:49|  分类: 博客装饰 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文本复制框代码

<div style="border:2px Solid #A0AEE7;width:400px;"></div>

<div style="border:2px Double #efefef;width:400px;"></div>

<div style="border:2px Groove #ff0000;width:400px;"></div>

<div style="border:2px Ridge #00ff00;width:400px;"></div>

<div style="border:2px Inset #0000ff;width:400px;"></div>

<div style="border:2px Outset #ff00ff;width:400px;"></div>

<div style="border:2px dotted #00aaff;width:400px;"></div>

<div style="border:2px dashed #fff0f0;width:400px;"></div>

 

 

一般复制框代码

语法复制区

<table cellSpacing=0 cellPadding=0 align=center width=400 border=0>
    <tr><td bgColor=#afb5ce>
    <P style="MARGIN: 2px; LINE-HEIGHT: 200%" align=center><SPAN style="FONT-SIZE: 11pt"><FONT face=Arial color=#333333>语法复制
区</FONT></SPAN></P></td>
    </tr><tr>
    <td style="border-Right: #afb5ce 1px solid; Padding-Right: 4px; border-Top: #afb5ce 1px solid; Padding-left: 4px; Padding-Bottom: 1px;
border-left: #afb5ce 1px solid; Padding-Top: 1px; border-Bottom: #afb5ce 1px solid">
    <P>文本</P></td>
 </tr></table>



水晶边复制框代码

 HTML代码复制区

<TABLE borderColor=#ff9999 cellSpacing=0 cellPadding=0 width=400 align=center border=1>
<TBODY><TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#ff9999 height=25>&nbsp;<FONT
color=#3366ff><STRONG>HTML代码复制区</STRONG></FONT></TD></TR>
<TR><TD>这里输入文字
</TD></TR></TBODY></TABLE>



有底色复制框代码

<TABLE borderColor=#cc6600 cellSpacing=0 cellPadding=0 align=center width=400 border=0>
<TBODY><TR>
<TD background=http://www.blog.163.com/photo/U63x7DI0_pIV-G8MBV-8-g==/5140296024690052006.jpg height=20><FONT
color=#467dd4 size=2></FONT></TD></TR>
<TR><TD bgColor=#cccccc> 这里输入文字
<DIV><FONT color=#990000></FONT></DIV></DIV></TABLE>
 

 


立体框的复制框代码

<DIV style="BORDER:2px outset;OVERFLOW-Y:auto;OVERFLOW-X: hidden;WIDTH:400px;HEIGHT:30px">文本</DIV>

 

 


滚动条复制框1代码

 

<DIV align=center><DIV style="BORDER:#555555 1px dotted;OVERFLOW-Y:auto;OVERFLOW-X: hidden;WIDTH:400px;HEIGHT:25px">
<P><BR><BR></P></DIV></DIV>

 


滚动条复制框2代码

代码复制框 - 火力光波 - 火力光波的博客

 

代   码:
<TEXTAREA name=textarea cols=55>文本</TEXTAREA>

 

 效果  
 
 

点击自动全选的复制框

代码复制框 - 火力光波 - 火力光波的博客

 

代 码:
<textarea onclick=this.select()  rows=3 cols=55></textarea >

 

   

 

有选择按钮的复制框

代码复制框 - 火力光波 - 火力光波的博客

代 码:
<script>
function ssd(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("ssd");
rng.collapse(false);
}
</script>
<textarea cols=55 rows=5 id=xu>说明:这个复制框网易博客不适用!</textarea><BR>
<input type=button onclick=ssd(document.getElementById("xu")) value="复制代码"><BR>

 


 可复制保存的复制框

代码复制框 - 火力光波 - 火力光波的博客

代 码:
<script>
function saveCode(obj,filename)
{
var winname = window.open("", "", "top=10000,left=10000");
winname.document.open("text/html", "replace");
winname.document.writeln(obj.value);
winname.document.execCommand("saveas", "", filename + ".htm");
winname.close();
}
function copyCode(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
</script>
<textarea cols=55 rows=5 id=xu4>说明:这个复制框网易博客不适用!
</textarea><BR>
<input type=button onclick=copyCode(document.getElementById("xu4")) value="复制代码">
<input type=button onclick=saveCode(document.getElementById("xu4")) value="保存代码">

  效果 
 
 
  评论这张
 
阅读(1151)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017