带关闭功能的网站顶部滑出的广告提示条
时间:2011-10-25 10:03来源: 作者: 点击:
次
带关闭功能的网站顶</div>
<div class="content">
<table width='100%'>
<tr>
<td><div id="contentMidPicAD" style="float:right; clear:both; top:0; vertical-align:top;"><!-- 250x250启用SSP 开始 --><script type="text/javascript">var _mda_place_id ="58bcc82381892";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250启用SSP 结束 --></div>
<p align="center"><textarea style="WIDTH: 490px; HEIGHT: 466px" id="code" class="fm" rows="27" cols="78"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>带关闭功能的网站顶部滑出的广告提示条</title>
<style>
body{margin:0px;padding:0px}
.home_tx {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://www.codefans.net/jscss/demoimg/201011/hometx_03.gif); PADDING-BOTTOM: 0px; MARGIN: auto; OVERFLOW: hidden; WIDTH: 950px; PADDING-TOP: 0px}
.home_tx IMG {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}
.home_tx DL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; WIDTH: 61px; PADDING-TOP: 0px; HEIGHT: 37px}
.home_tx SPAN {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 830px; COLOR: #333333; LINE-HEIGHT: 34px; PADDING-TOP: 0px; HEIGHT: 37px; TEXT-ALIGN: left}
.home_tx SPAN B {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #990000; PADDING-TOP: 0px}
.home_tx A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 35px; PADDING-TOP: 0px; HEIGHT: 37px}
</style>
</head>
<body>
<DIV id=home_tx style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: auto; OVERFLOW: hidden; WIDTH: 950px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 1px">
<DIV class=home_tx id=home_tx_in style="POSITION: absolute; TOP: -37px; HEIGHT: 37px" align=center>
<DL><IMG src="http://jzxue.com/System/uploads/userup/1110/25100I15411.gif"></DL><SPAN><B>本站为你提供关于网站建设方面的各类教程。网页软件，图像设计，网站开发，网站运营，建站指南，数据库，服务器，视频教程，书籍下载</B>
<A style="FLOAT: none" href="http://www.jzxue.com" target=_blank>详情>></A></SPAN> <A style="CURSOR: pointer" onfocus=this.blur() onClick="home_tx_hide();return false;" href="#"><IMG src="http://myjs.jz123.cn/img/hometx_04.gif"></A> </DIV></DIV>
<script>
var is_home_tx_show = false;
var div_home_tx = document.getElementById("home_tx");
var div_home_tx_in = document.getElementById("home_tx_in");
var stepms = 10;
function home_tx_show(){
home_tx_stepshow();
}
function home_tx_stepshow(){
var curHeight = parseInt(div_home_tx.offsetHeight);
if(curHeight>=37){
is_home_tx_show = true;
}else{
div_home_tx.style.height = (curHeight + 4) + "px";
div_home_tx_in.style.top = (parseInt(div_home_tx_in.style.top)+4)+"px";
window.setTimeout(home_tx_stepshow,30);
}
}
function home_tx_hide(){
if(is_home_tx_show){
home_tx_stephide()
}else{
window.setTimeout(home_tx_stephide,1200);
}
}
function home_tx_stephide(){
var curHeight = parseInt(div_home_tx.style.height);
if(curHeight<=0){
is_home_tx_show = false;
}else{
try{
div_home_tx.style.height = (curHeight - 4) + "px";
div_home_tx_in.style.top = (parseInt(div_home_tx_in.style.top)-4)+"px";
window.setTimeout(home_tx_stephide,30);
} catch(e) {}
}
}
if(window.addEventListener){
window.addEventListener("load",home_tx_show,false);
}else{
window.attachEvent("onload",home_tx_show);
}
</script>
</body>
</html></textarea></p>
<p><input style="CURSOR: hand" onfocus="this.blur()" onclick="runEx('code')" type="button" value="运行代码" /> <input style="WIDTH: 95px; CURSOR: hand" onfocus="this.blur()" onclick="copycode(code)" type="button" name="Submit" value="复制到剪贴板" /> <input style="CURSOR: hand" onfocus="this.blur()" onclick="savecode(code)" type="button" value="另存代码" /> [ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]<a target="_blank" href="/System/uploads/userup/1110/25100I15411.gif"></a> </p>
<p> </p>
(责任编辑：admin)</td>
</tr>
</table>
</div>
<!-- /content -->
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
<center> <a href='http://2v.dedecms.com/' id='__dedeqrcode_18'>织梦二维码生成器</a>
<script type="text/javascript">
var __dedeqrcode_id=18;
var __dedeqrcode_aid=9521;
var __dedeqrcode_type='arc';
var __dedeqrcode_dir='/System/plus';
</script>
<script language="javascript" type="text/javascript" src="/System/plus/img/qrcode.js"></script></center>
<!-- /pages -->
<!-- //顶踩 -->
<div class="newdigg" id="newdigg">
<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',9521)">
<div class="digg_act">顶一下</div>
<div class="digg_num">(1)</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:100%"></span></div>
<div class="digg_percent_num">100%</div>
</div>
</div>
<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',9521)">
<div class="digg_act">踩一下</div>
<div class="digg_num">(0)</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:0%"></span></div>
<div class="digg_percent_num">0%</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">getDigg(9521);</script>
<!-- //顶踩部份的源码结束 -->
<!-- //分享代码开始 -->
<!-- //分享代码结束 -->
<div class="boxoff"> <strong>------分隔线----------------------------</strong> </div>
<div class="handle">
<div class="context">
<ul>
<li>上一篇：<a href='/wangyesheji/wangyetexiao/201110/02-9149.html'>DIV+CSS实现放大镜效果的分页样式</a> </li>
<li>下一篇：<a href='/wangyesheji/wangyetexiao/201110/25-9522.html'>用JS实现的网页关键字高亮显示的方法</a> </li>
</ul>
</div>
<!-- /context -->
<div class="actbox">
<ul>
<li id="act-fav"><a href="/System/plus/stow.php?aid=9521" target="_blank">收藏</a></li>
<li id="act-err"><a href="/System/plus/erraddsave.php?aid=9521&title=带关闭功能的网站顶部滑出的广告提示条" target="_blank">挑错</a></li>
<li id="act-pus"><a href="/System/plus/recommend.php?aid=9521" target="_blank">推荐</a></li>
<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
</ul>
</div>
<!-- /actbox -->
</div>
<!-- /handle -->
</div>
<!-- /viewbox -->
<!-- //AJAX评论区 -->
<!-- //主模板必须要引入/System/include/dedeajax2.js -->
<a name='postform'></a>
<div class="mt1">
<dl class="tbox">
<dt>
<strong>发表评论</strong>
<span class="more"></span>
</dt>
<dd>
<div class="dede_comment_post">
<form action="#" method="post" name="feedback">
<input type="hidden" name="dopost" value="send" />
<input type="hidden" name="comtype" value="comments">
<input type="hidden" name="aid" value="9521" />
<input type="hidden" name="fid" id='feedbackfid' value="0" />
<div class="dcmp-title">
<small>请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。</small>
</div><!-- /dcmp-title -->
<div class="dcmp-stand">
<strong>评价:</strong>
<input type="radio" name="feedbacktype" checked="1" value="feedback" id="dcmp-stand-neu" /><label for="dcmp-stand-neu"><img src="/System/templets/default/images/cmt-neu.gif" />中立</label>
<input type="radio" name="feedbacktype" value="good" id="dcmp-stand-good" /><label for="dcmp-stand-good"><img src="/System/templets/default/images/cmt-good.gif" />好评</label>
<input type="radio" name="feedbacktype" value="bad" id="dcmp-stand-bad" /><label for="dcmp-stand-bad"><img src="/System/templets/default/images/cmt-bad.gif" />差评</label>
</div><!-- /dcmp-stand -->
<div class="clr"></div>
<div class="dcmp-mood">
<strong>表情:</strong>
<ul>
</ul>
</div><!-- /dcmp-mood -->
<div class="dcmp-content">
<textarea cols="60" name="msg" rows="5" class="ipt-txt"></textarea>
</div><!-- /dcmp-content -->
<div class="dcmp-post"><!--未登陆-->
<div class="dcmp-userinfo" id="_ajax_feedback">
用户名:<input type="text" name="username" size="16" class="ipt-txt" style="text-transform: uppercase;"/>
验证码:<input type="text" name="validate" size="4" class="ipt-txt" style="text-transform:uppercase;"/><img src= "/System/include/vdimgck.php" id="validateimg" style="cursor:pointer" onclick="this.src=this.src+\'?\'" title="点击我更换图片" alt="点击我更换图片" />
<input type="checkbox" name="notuser" id="dcmp-submit-guest" /><label for="dcmp-submit-guest" />匿名? </label>
</div>
<div class="dcmp-submit">
<button type="button" onClick='PostComment()'>发表评论</button>
</div>
</div>
</form>
</div>
</dd>
</dl>
</div><!-- //评论表单区结束 -->
<!-- //评论内容区 -->
<a name='commettop'></a>
<div class="mt1">
<dl class="tbox">
<dt>
<strong>最新评论</strong>
<span class="more"><a href="/System/plus/feedback.php?aid=9521">进入详细评论页>></a></span>
</dt>
<!-- //这两个ID的区块必须存在，否则JS会出错 -->
<dd id='commetcontentNew'></dd>
<dd id='commetcontent'></dd>
</dl>
</div>
<!--
//由于评论载入时使用异步传输，因此必须在最后一步加载（DIGG和评论框须放在评论内容前面）
//如果一定需要提前的把myajax.SendGet改为myajax.SendGet2，但可能会引起页面阻滞
-->
<script language='javascript'>
function LoadCommets(page)
{
var taget_obj = document.getElementById('commetcontent');
var waithtml = "<div style='line-height:50px'><img src='/System/images/loadinglit.gif' />评论加载中...</div>";
var myajax = new DedeAjax(taget_obj, true, true, '', 'x', waithtml);
myajax.SendGet2("/System/plus/feedback_ajax.php?dopost=getlist&aid=9521&page="+page);
DedeXHTTP = null;
}
function PostComment()
{
var f = document.feedback;
var nface = '6';
var nfeedbacktype = 'feedback';
var nvalidate = '';
var nnotuser = '';
var nusername = '';
var npwd = '';
var taget_obj = $DE('commetcontentNew');
var waithtml = "<div style='line-height:30px'><img src='/System/images/loadinglit.gif' />正在发送中...</div>";
if(f.msg.value=='')
{
alert("评论内容不能为空！");
return;
}
if(f.validate)
{
if(f.validate.value=='') {
alert("请填写验证码！");
return;
}
else {
nvalidate = f.validate.value;
}
}
if(f.msg.value.length > 500)
{
alert("你的评论是不是太长了？请填写500字以内的评论。");
return;
}
if(f.feedbacktype) {
for(var i=0; i < f.feedbacktype.length; i++)
if(f.feedbacktype[i].checked) nfeedbacktype = f.feedbacktype[i].value;
}
if(f.face) {
for(var j=0; j < f.face.length; j++)
if(f.face[j].checked) nface = f.face[j].value;
}
if(f.notuser.checked) nnotuser = '1';
if(f.username) nusername = f.username.value;
if(f.pwd) npwd = f.pwd.value;
var myajax = new DedeAjax(taget_obj, false, true, '', '', waithtml);
myajax.sendlang = 'gb2312';
myajax.AddKeyN('dopost', 'send');
myajax.AddKeyN('aid', '9521');
myajax.AddKeyN('fid', f.fid.value);
myajax.AddKeyN('face', nface);
myajax.AddKeyN('feedbacktype', nfeedbacktype);
myajax.AddKeyN('validate', nvalidate);
myajax.AddKeyN('notuser', nnotuser);
myajax.AddKeyN('username', nusername);
myajax.AddKeyN('pwd', npwd);
myajax.AddKeyN('msg', f.msg.value);
myajax.SendPost2('/System/plus/feedback_ajax.php');
f.msg.value = '';
f.fid.value = 0;
if(f.validate)
{
if($DE('validateimg')) $DE('validateimg').src = "/System/include/vdimgck.php?"+f.validate.value;
f.validate.value = '';
}
}
function quoteCommet(fid)
{
document.feedback.fid.value = fid;
}
LoadCommets(1);
</script><!-- //评论内容区结束 -->
</div>
<!-- //左边内容结束 -->
<!-- //右边内容开始 -->
<div class="pright">
<div class="pright">
<div>
<dl class="tbox">
<dt><strong>栏目列表</strong></dt>
<dd>
<ul class="d6">
<li><a href='/wangyesheji/wangyepeise/'>网页配色</a></li>
<li><a href='/wangyesheji/wangyebuju/'>网页布局</a></li>
<li><a href='/wangyesheji/html/'>html/xhtml</a></li>
<li><a href='/wangyesheji/css/'>css教程</a></li>
<li><a href='/wangyesheji/wangyetexiao/' class='thisclass'>网页特效</a></li>
<li><a href='/wangyesheji/xindejiqiao/'>心得技巧</a></li>
</ul>
</dd>
</dl>
</div>
<div id="contentRtPicAD" style="margin:10px auto"><!-- 250x250普通 开始 --><script type="text/javascript">var _mda_place_id ="58bcc92e8b472";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250普通 结束 --></div>
<div class="commend mt1">
<dl class="tbox light">
<dt class='light'><strong>推荐内容</strong></dt>
<dd class='light'>
<ul class="d4">
<li><a href="/wangyesheji/wangyetexiao/200808/17-747.html">很不错的一款日期输入控件特效</a>
<p>很不错的一款日期输入控件特效...</p>
</li>
</ul>
</dd>
</dl>
</div>
<!-- /commend -->
<div class="hot mt1">
<dl class="tbox light">
<dt class='light'><strong>热点内容</strong></dt>
<dd class='light'>
<ul class="c1 ico2">
<li><a href="/wangyesheji/wangyetexiao/201002/03-3477.html">网页右下角浮动窗口网页特效</a></li>
<li><a href="/wangyesheji/wangyetexiao/200808/17-746.html">类似于Flash制作的一个图片展示</a></li>
<li><a href="/wangyesheji/wangyetexiao/201011/09-4940.html">js漂浮广告代码,静止浮动与右下</a></li>
<li><a href="/wangyesheji/wangyetexiao/201005/04-3746.html">div+css布局的图片连续滚动js实</a></li>
<li><a href="/wangyesheji/wangyetexiao/201002/21-3525.html">网页选项卡切换效果</a></li>
<li><a href="/wangyesheji/wangyetexiao/200905/25-2168.html">仿google 搜索的下拉提示效果</a></li>
<li><a href="/wangyesheji/wangyetexiao/200809/07-771.html">CSS制作很漂亮的文字滑动效果</a></li>
<li><a href="/wangyesheji/wangyetexiao/200908/30-2564.html">CSS+div和JS制作的网页滑动门特</a></li>
<li><a href="/wangyesheji/wangyetexiao/200909/15-2735.html">一个很简单的淡入淡出相册特效</a></li>
<li><a href="/wangyesheji/wangyetexiao/200808/17-742.html">页面右下角弹出类似QQ或MSN的消</a></li>
</ul>
</dd>
</dl>
</div>
<div id="contentRtPicAD2" style="margin:10px auto"><!-- 250x250启用SSP 开始 --><script type="text/javascript">var _mda_place_id ="58bcc82381892";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 250x250启用SSP 结束 --></div>
</div>
<!-- /pright -->
</div>
<div id="innerfooterAD2" style="margin:10px auto; width:726px"><!-- 728x90普通 开始 --><script type="text/javascript">var _mda_place_id ="58bce8309bc21";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script><!-- 728x90普通 结束 --></div>
<!-- //底部模板 -->
<div class="footer w960 center mt1 clear">
<!--
为了支持织梦团队的发展,请您保留织梦内容管理系统的链接信息.
我们对支持织梦团队发展的朋友表示真心的感谢!织梦因您更精彩!
-->
<div class="footer_left"></div>
<div class="footer_body">
<p class="powered">
Powered by <a href="http://www.dedecms.com" title="织梦内容管理系统(DedeCms)--国内最专业的PHP网站管理系统，轻松建站的首选利器。" target="_blank"><strong>DedeCMS_V57_GBK_SP2</strong></a> © 2004-2017 <a href="http://www.desdev.cn/" target="_blank">DesDev</a> Inc.<br /><div class="copyright">Copyright © 2002-2017 建站学. 晨展科技 版权所有<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id=cnzz_stat_icon_1275247630%3E%3C/span%3E%3Cscript src=" + cnzz_protocol + "s23.cnzz.com/stat.php%3Fid%3D1275247630%26show%3Dpic1 type=text/javascript%3E%3C/script%3E"));</script>
<script>
(function(){
var bp = document.createElement(script);
var curProtocol = window.location.protocol.split(:)[0];
if (curProtocol === https) {
bp.src = https://zz.bdstatic.com/linksubmit/push.js;
}
else {
bp.src = http://push.zhanzhang.baidu.com/push.js;
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<a href=http://www.dedecms.com target='_blank'>Power by DedeCms</a> <a href="http://www.miibeian.gov.cn/" title="豫ICP备18028807号-1">豫ICP备18028807号-1</a></div></p>
<!-- /powered -->
</div>
<div class="footer_right"></div>
</div>
<!-- /footer -->
<script type="text/javascript">
var contentRtPicAD2 = document.getElementById("contentRtPicAD2");
var stop = contentRtPicAD2.offsetTop - 60,
docBody = document.documentElement || document.body.parentNode || document.body,
hasOffset = window.pageYOffset !== undefined,
scrollTop;
window.onscroll = function (e) {
// cross-browser compatible scrollTop.
scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop;
if (scrollTop >= stop) {
contentRtPicAD2.className = 'stick';
} else {
contentRtPicAD2.className = '';
}
}
</script>
</body>
</html>
