博客版权DIV制作[2.0版]

更新：

1.可选博客，变换博客前缀

2.可选邮箱

3.添加了注明

源代码下载http://www.kuaipan.com.cn/file/id_34830694416918039.htm

作者:
博客:
地址:
邮箱:
关于:
注明:

代码如下

效果

<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 StrBanQuan1="本文版权归作者和";
        var StrBanQuan2="共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接";
        var StrEmail1="如有问题，可以通过";
    var StrEmail2="&nbsp;联系我，非常感谢。";  
        function writeDiv(){
            var autor =document.getElementById('txtAutor').value;
        if(autor=="") autor="无名氏";
            var form=strA0+document.getElementById('txtForm').value+strA1;
            var about=document.getElementById('txtAbout').value;
        var StrBanQuan=StrBanQuan1+document.getElementById('selBlog').value+StrBanQuan2;
            var Email=document.getElementById('txtEmail').value+document.getElementById('selEmail').value;
        if(Email!=""&&document.getElementById('txtEmail').value!="")
            var StrEmail=StrBr+StrEmail1+form+Email+strA2+StrEmail2
            else 
            var StrEmail="";
            if(document.getElementById('txtRember').value!="")
        var Remark=StrBr+"注："+document.getElementById('txtRember').value
            else
            var Remark="";
            if(about!="")
        about=StrBr+StrAbout+about
            else
            about="";

            var StrText=strDiv1+strP1+StrAutor+form+autor+strA2
                     +StrBr+StrForm+form+document.getElementById('txtForm').value+strA2
                     +about
                                     +StrBr+StrBanQuan
                     +StrEmail
                                     +Remark
                     +strP2+strDiv2;
            document.getElementById('txtStr').value=StrText; 
            document.getElementById('str').innerHTML=StrText;

        }
     function selBlogChange(){
            var blog=document.getElementById('selBlog');
        if(blog.value=="博客园")
        document.getElementById('txtForm').value="http://www.cnblogs.com/";
        else if (blog.value=="CSDN")
        document.getElementById('txtForm').value="http://blog.csdn.net/";
    }
    </script>
作者:<input type="text" id="txtAutor" /><br/>
    博客:<select id="selBlog" onchange="selBlogChange()"><option value="博客园">博客园</option><option value="CSDN">CSDN</option></select><br/>
    地址:<input type="text" id="txtForm" style="width:300px;" value="http://www.cnblogs.com/" /><br/>
    
    邮箱:<input type="text" id="txtEmail" style="width:175px;"/>
         <select id="selEmail">
     <option value="@126.com">@126.com</option>
         <option value="@163.com">@163.com</option>
         <option value="@sina.com">@sina.com</option>
         <option value="@sina.cn">@sina.cn</option>
         <option value="@21cn.com">@21cn.com</option>
         <option value="@sohu.com">@sohu.com</option>
         <option value="@yahoo.com">@yahoo.com.cn</option>
         <option value="@tom.com">@tom.com</option>
         <option value="@qq.com">@qq.com</option>
         <option value="">自填</option>
         </select>
<br/>
    关于:<textarea type="text" id="txtAbout" style="width:500px;height:100px;"></textarea><br/>
    注明:<input type="text" id="txtRember" style="width:300px;"/><br/>
    <input type="button" onclick="writeDiv()" value="生成" />
    <br/>代码如下<br/>
    <textarea id="txtStr" style="width:500px;height:100px;"></textarea>
    <br/>效果
 

源代码下载http://www.kuaipan.com.cn/file/id_34830694416918039.htm
博客版权DIV制作[1.0版]
posted @ 2012-02-14 13:30  kumat  阅读(1806)  评论(2)  编辑  收藏  举报