博客版权DIV制作[1.0版]

点击下载源码http://www.kuaipan.cn/index.php?ac=file&oid=34830694416918038

作者:
出处:
关于:
邮箱:

代码如下

效果

作者：ITBear
出处：http://www.cnblogs.com/IT-Bear/
关于作者：菜鸟一枚。如有问题或建议，请多多赐教！
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接
如有问题，可以通过 tangyuting2011@foxmail.com 联系我，非常感谢。

点击下载源码http://www.kuaipan.cn/index.php?ac=file&oid=34830694416918038

源代码

<script type="text/javascript" language="javascript">
var strDiv1="<div>";
var strDiv2=" </div>"; 
var strP1=" <p style='padding-top: 10px; padding-right: 10px; padding-bottom: 10px;padding-left: 60px; font-family: 微软雅黑; font-size: 12px; border: #e0e0e0 1px dashed;'>";
var strP2="</p>";
var strA0="<a href='";
var strA1="' target='_blank'>";
var strA2="</a>";
var StrAutor="作者：";
var StrForm="出处：";
var StrBr="<br />";
var StrAbout="关于作者：";
var StrBanQuan="本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接";
var StrEmail1="如有问题，可以通过";
var StrEmail2="&nbsp;联系我，非常感谢。"; 
function writeDiv(){
var autor =document.getElementById('txtAutor').value;
var form=strA0+document.getElementById('txtForm').value+strA1;
var about=document.getElementById('txtAbout').value;

var StrText=strDiv1+strP1+StrAutor+form+autor+strA2
+StrBr+StrForm+form+document.getElementById('txtForm').value+strA2
+StrBr+StrAbout+about
+StrBr+StrBanQuan
+StrBr+StrEmail1+form+document.getElementById('txtEmail').value+strA2+StrEmail2+strP2+strDiv2;
document.getElementById('txtStr').value=StrText; 
document.body.innerHTML= document.body.innerHTML+StrText;

}

</script>

点击下载源码http://www.kuaipan.cn/index.php?ac=file&oid=34830694416918038

作者:<input type="text" id="txtAutor" /><br/>
出处:<input type="text" id="txtForm" style="width:300px;"/><br/>
关于:<input type="textare" id="txtAbout" style="width:300px;"/><br/>
邮箱:<input type="textare" id="txtEmail" style="width:300px;"/><br/>
<input type="submit" onclick="writeDiv()" value="生成" />
<br/>代码如下<br/>
<textarea id="txtStr" style="width:500px;height:100px;"></textarea>
<br/>效果