admin 发表于 2014-12-20 15:29:53

可关闭两边固定的对联广告代码jquery特效(宽屏才显示)

可关闭两边固定的对联广告代码jquery特效(宽屏才显示)

代码如下:<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<title>可关闭两边固定的对联广告代码jquery特效(宽屏才显示)</title>
</head>
<body>
<style type="text/css">
.dl_phpernote{top:6px;position:fixed;width:120px;overflow:hidden;display:none;border:1px solid #999;text-align:center;background-color:#CCC;display:none;}
.dl_phpernote_left{left:6px;top:150px;}
.dl_phpernote_right{right:6px;top:150px;}
.dl_phpernote_con{width:100%;height:300px;overflow:hidden;border-bottom:1px solid #999;}
.dl_phpernote_close{width:100%; height:24px;line-height:24px;font-size:13px; color:#555555;cursor:pointer;}
</style>
<div class="dl_phpernote dl_phpernote_left">
<div class="dl_phpernote_con">对联的内容</div>
<div class="dl_phpernote_close">关 闭</div>
</div>
<div class="dl_phpernote dl_phpernote_right">
<div class="dl_phpernote_con">对联的内容</div>
<div class="dl_phpernote_close">关 闭</div>
</div>
PHPIN.NET是帝国CMS爱好者支持站点,包括帝国CMS插件、帝国CMS模板、帝国CMS教程、帝国CMS二次开发、帝国CMS技巧、帝国CMS函数、帝国CMS文件解释、帝国CMS数据字典、平时累积收集的技巧手记等。PHPIN.NET为帝国CMS爱好者的站长建站提供建站动力,为帝国CMS爱好者分享共享资源。
<p style="height:2000px;"></p>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
var window_w=$(window).width();
if(window_w>1240){$("div.dl_phpernote").show();}
$("div.dl_phpernote_close").click(function(){
$(this).prev().animate({height:'0px'},200,function(){$(this).parent().hide();});
return false;
});
});
</script>
</body>
</html>

效果截图:
页: [1]
查看完整版本: 可关闭两边固定的对联广告代码jquery特效(宽屏才显示)