技巧2

【JavaScript】引用HTML
document.write('HTML代码')

<img src="图片地址" alt="图片名称"/>

【HTML】撰文去标题
<style type="text/css"><!--
.wo-entry-title {
display:none;
}
--></style>

【HTML】撰文去时间显示
<style type="text/css"><!--
.wo-entry-time {
display:none;
} --></style>

去撰文标题下划线
<style type="text/css"><!--
.wo-entry-title {
border-bottom:0px;
} --></style>

【HTML】输入框文字说明：cols="20"控制输入框宽度，rows="2"控制输入框高度
<textarea name="content" cols="20" rows="2">显示文字</textarea>

撰文背景图
<style type="text/css">
<!--
#whole_body{
background:url(图片下载地址) fixed;background-size:cover;
}
--></style><img src="" alt="名称"/>

撰文去评论
<style type="text/css"><!--
form{display:none;}
.wo-entry-section form{display:block;}
--></style>

font-size定义字体大小，color定义字体颜色
<p style="font-size:20px;color:purple;">一段文字</p>

去撰文内容外所有链接
<!--

自定义图片返回顶部
跳转目标处：<a name="top"></a>

<a href="#top" target="_self"><img src="链" alt="返回顶部"/></a>

整行文段背景色
<p style="background:#092;">文字</p>
某段文字背景色
<span style="background:#092;">文字</span>

行段背景色混合
行－段－行
<p style="background:#ccc">行<span style="background:blue;">段</span>行</p>

用一个简单的按钮实现显示或者隐藏图片
<img id="hutia" src="http://xiangce.baidu.com/cms/index/resourse/liuyan0820.jpg"/>
<input type="button" value="点击这里：隐藏/显示图片" onclick="obj=document.getElementById('hutia');obj.style.display=obj.style.display=='none'?'':'none'"/>

自定义颜色链接
<TD><A href=" http://ahstbzp.blog.163.com/" target=_blank><FONT color=#008080>【爱滴结晶~~嘿嘿】</FONT></A></TD>
按钮超链接
<button onclick="window.open('http://lvy.wodemo.com/entry/199748')">∮翰墨尔雅°′</button>

颜色按钮
<button style="background:green;">按钮</button>
或者CSS
input[type="button"],input[type="submit"],button{
background:green;
}


点击按钮弹出提示语
<input type="button" value="弹出警告框" onClick="AlertButton()">
<script>function AlertButton(){window.alert("要多多光临呀！");}</script>

分类编辑
<span id="ln-h"><a href="/">首页</a>&nbsp;</span>
<a href="/cat/48266"><br /><font size=3xp>==其它收藏==</font></a>&nbsp;<a href="/cat/8310"><font size=3xp>==个人开发==</font></a>&nbsp;<a href="/cat/8309"><br /><font size=3xp>==编程源码==</font></a>&nbsp;<a href="/cat/8308"><br /><font size=3xp><a href=http://yybook.wodemo.com>==小说磨盘==</a></font></a>&nbsp;<a href="/cat/8304"><br /><font size=3xp>==java工具==</font></a>&nbsp;<a href="/cat/48222"><font size=3xp>==安卓软件==</font></a>&nbsp;<hr />
<ul class="file_list"><li>&nbsp;


一，文章左上角插入图片、（带边框）
<DIV style="BORDER-RIGHT: #ff4500 6pt double; BORDER-TOP: #ff4500 6pt double; BORDER-LEFT: #ff4500 6pt double; BORDER-BOTTOM: #ff4500 6pt double">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffffe0">
<CENTER><FONT face=宋体 color=#ff2400 size=4><BR>
<P><IMG height=200 src="图片地址" width=200 align= left >文章内容<BR><BR clear=left></P></FONT></CENTER></DIV></DIV>
二，文章右上角插入图片、（带边框）
<DIV style="BORDER-RIGHT: #ff4500 6pt double; BORDER-TOP: #ff4500 6pt double; BORDER-LEFT: #ff4500 6pt double; BORDER-BOTTOM: #ff4500 6pt double">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffffe0">
<CENTER><FONT face=宋体 color=#ff2400 size=4><BR>
<P><IMG height=200 src="图片地址" width=200 align=right>文章内容<BR><BR clear=left></P></FONT></CENTER></DIV></DIV>
·
1、左图右字
·
<P><IMG
src="图片连接地址" height=100 width=100 align=left>文章内容<BR>
<BR clear=left></P>
注：heiht width 是图片的高和宽。若，字左图右，只需把left改为right.
2，右图左字
·
<P><IMG
src="图片连接地址" height=100 width=100 align=right >文章内容<BR>
<BR clear=right ></P>
三，说明：
1，在图片地址处，填上图片有效地址，“”不能去掉。
2，在文章内容处填上文章。
3，200可以改变图片的高、宽。5可以改变字的大小。
4,发表文章时，先点显示原代码，把上述代码复制上去。

主页左上角图片
#whole_body{background:url(图片地址) no-repeat top left}

分享按钮浮窗（right）
橙色
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=0&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

青草色
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=1&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

天蓝色
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=2&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

浅灰色
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=3&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

黑色
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=5&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

蓝色
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=6&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

深粉红
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=7&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

淡蓝
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=8&amp;pos=right&amp;uid=6845659" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

分享窗口
自动沉网页最底部
<a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=&amp;style=4&amp;fs=4&amp;bgcolor=Grey"></script>
24+24分享图标
<div class="bshare-custom icon-medium-plus"><a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto" class="bshare-more">分享到</a><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

<html>
<head>
<title>网站页首可关闭广告条</title>
<style type="text/css">
<!--
body { margin: 0px;padding: 0px;text-align: center;}
TD {FONT-SIZE: 12px; COLOR: #333;}
#toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;}
-->
</style>
</head>

<body>

<SCRIPT>
function toueme(){
document.getElementById("toubiao").style.display="none";
}
</SCRIPT>

<DIV id=toubiao>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4%" height="30" align="center"><img src="http://www.codefans.net/jscss/demoimg/201106/kids.gif" width="15" height="14"></td>
<td width="82%"><a href="http://www.codefans.net/">源码爱好者</a>提供各类编程源码、素材、书籍教程、设计模板、网页特效代码以及常用软件下载等，做有质量的学习型源码下载站。</td>
<td width="14%" align="right"><a style="CURSOR: hand" onClick=toueme()><img
src="http://www.codefans.net/jscss/demoimg/201106/close.gif" width=84 height=11 hspace="6" border=0></a></td>
</tr>
</table>
</DIV>
</body>
</html>