jquery动态创建小广告
2024-10-01 23:36:57
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="jquery-3.3.1.js"></script>
<script>
$(function () {
$('#btn').click(function () {
var dvObj = $('<div style="width:300px;height:200px;background-color:yellow;position:absolute;right:0;bottom:0;">广告</div>').appendTo($('body'));
$('<span style="float:right;cursor:pointer">X</span>').click(function () {
$(this).parent().remove();
}).appendTo(dvObj);
});
})
</script>
</head>
<body>
<input type="button" name="name" value="显示广告" id="btn" />
</body>
</html>
最新文章
- 转:学习笔记: Delphi之线程类TThread
- 机器学习实战-python相关软件库的安装
- Docker探索系列1之docker入门安装与操作
- AutoCAD 2007在win8.1安装出现——错误1606。无法访问网络位置Autodesk\AutoCAD2007\R17.0\chs\的解决
- 一个好用的hibernate泛型dao
- 美H1B签证额满,硕士以上学位仍可申请
- 【转】Android 4.4源码下载与编译
- 【Xamarin挖墙脚系列:Android最重要的命令工具ADB】
- SWFObject文件上传使用记录
- 7.hibernat实现双向一对多(多对一)
- CentOS6.8系统下,ecipse下进行编辑操作,意外退出
- 格式化p6spy的输出日志
- go语言之进阶篇拷贝文件案例
- QuartzNet3.0实现作业调度
- android 使用动画 Button移动后不响应点击事件的解决办法
- 常用php操作redis命令整理(一)通用及字符串类型
- Shellz中awk的简单用法
- 如何在DBGrid里实现Shift+“选择行”区间多选的功能!
- centos7 更改时区
- 【BZOJ 3622】3622: 已经没有什么好害怕的了(DP+容斥原理)
热门文章
- html5-4 HTML5超链接、URL地址和表格
- gcc新版本号引起的编译错误(命令运行时的外部库输入位置)
- 【codeforces 750B】New Year and North Pole
- VC++中用API调用对话框资源
- BootstrapTable的使用教程
- leveldb学习:skiplist
- POJ 2728 - 最小比例生成树
- 【BZOJ 1027】[JSOI2007]合金
- 【33.33%】【codeforces 608C】Chain Reaction
- Spring Boot 定制与优化内置的Tomcat容器