<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery右下角悬浮广告展示代码</title>
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/ads.js"></script>
<style>
html,body,h2{margin:0;}
img{border:none}
#pop{background:#fff;width:300px; height:282px;font-size:12px;position:fixed;right:0;bottom:0;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}
</style>
</head>
<body>
<div id="main">
<div id="pop" style="display:none;">
<div id="popHead">
<a id="popClose" title="关闭">关闭</a>
<h2>赞助广告</h2>
</div>
<div id="popContent">
<a href="http://www.helloweba.com/" target="_blank"><img src="images/imgad.jpg"></a>
</div>
</div>
<script>
var popad=new Pop();
</script>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
</div>
</body>
</html>
jQuery实现的右下角悬浮广告展示特效源码.zip
版权申诉
111 浏览量
2022-11-07
23:59:51
上传
评论
收藏 64KB ZIP 举报
易小侠
- 粉丝: 6501
- 资源: 9万+
最新资源
- ThinkPHP5多小区物业管理系统源码PHP物业管理系统.zip
- 基于flask,Navicat和爬虫的可视化岗位分析网站.zip
- 部署yolov10的ncnn模型到android源码+模型+项目说明.zip
- Go语言网络层脚手架代码资料项目间共用的网络层.zip
- 基于monaco-editor的sql编辑器,支持sql语法联想、高亮.zip
- 网络安全相关的RSS订阅列表资料.zip
- 用Vue.js开发微信app项目源代码资料.zip
- 基于YOLO-V4算法与Pytorch的视频多目标跟踪系统的开发.zip
- 雾霾分析的MATLAB GUI仿真程序.zip
- 基于react的618节日网页全屏祝福.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈