<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="javascript">
var count = 0;
var timeobj;
function createDiv(){
var divW = 180;
var divH = 220;
var msgObj = document.getElementById("msgDivId");
if(msgObj!=null && parseInt(msgObj.style.top)<document.body.clientHeight-divH){
window.clearTimeout(timeobj);
return false;
}
delDiv();
var msgDiv = document.createElement("div");
msgDiv.id = "msgDivId";
msgDiv.style.position = "absolute";
count += 10;
msgDiv.style.top = document.body.clientHeight - count;
msgDiv.style.left = document.body.clientWidth - divW;
msgDiv.style.width = divW;
msgDiv.style.height = divH;
msgDiv.style.background = '#FEEFA0';
msgDiv.style.border = "1px solid #6633FF";
msgDiv.align = "center";
var str = "<br><br><a href='http://www.baidu.com'>百度</a>";
str += "<br><br><a href='http://www.google.cn'>谷歌</a>";
str += "<br><br><a href='http://cache.tianya.cn/index.htm'>天涯</a>";
str += "<br><br><a href='http://mail.163.com'>163邮箱</a>";
str += "<br><br><a href='http://cn.yahoo.com/'>雅虎</a>";
msgDiv.innerHTML = str;
document.body.appendChild(msgDiv);
timeobj = window.setTimeout("createDiv()","100");
}
function delDiv(){
var msgDiv = document.getElementById("msgDivId");
if(msgDiv!=null)
document.body.removeChild(msgDiv);
}
</script>
<BODY>
<center>
<input type="button" value="创建DIV" onclick="createDiv()" />
<input type="button" value="删除DIV" onclick="delDiv()" />
</center>
</BODY>
</HTML>
分享到：
相关推荐
浮层 广告 div右下角浮动 右下角浮动 浮动窗口。 兼容性良好。 很好用漂亮的东西。值得研究。
本教程将深入探讨如何利用jQuery在页面的右下角创建一个动态的消息提示框。 ### 1. jQuery基础 jQuery是一个轻量级的库，它简化了JavaScript的DOM操作、事件处理和动画效果。它的语法简洁，使得开发者能够快速地...
原生JS动态创建div的实例,超简单.不喜欢冗余代码的同学,建议可以看看
js动态创建div等元素实例.动态创建div，子元素，select下拉框，单选按钮。等待
悬浮右下角的div
本教程将详细讲解如何利用jQuery实现在页面右下角创建弹出框的功能。 首先，我们需要引入jQuery库。这通常通过在HTML文件的`<head>`部分添加一个`<script>`标签来完成，链接到CDN（内容分发网络）上的jQuery库。...
在网页设计中，创建一个类似QQ或CSDN右下角的提示框是常见的功能，主要用于显示消息通知、广告信息或是交互反馈。这种提示框通常称为"气泡通知"或"浮层提示"，它不干扰用户的主要操作，又能有效地传递信息。下面将...
在网页设计中，实现"HTML页面右下角鼠标经过显示二维码悬浮框"的效果，主要涉及到HTML、CSS和JavaScript这三个核心技术。下面将详细讲解这个过程，以及相关知识点。 首先，我们需要在HTML页面中创建一个二维码元素...
以上是关于创建“原生js div网页右下角浮动提示层可缩小和关闭浮动提示层”所涉及的关键技术点。在实际开发中，根据具体需求，可能还需要考虑其他的交互细节和用户体验优化。而文件“texiao7746_1560681009”可能...
在网页设计和开发中，有时候我们需要向用户展示即时的通知或者吸引用户的注意力，这时"从页面右下角弹出消息提示"的功能就显得尤为重要。这种功能通常用于显示系统通知、广告推广或者用户操作反馈，给用户提供一种非...
为了动态添加div并保持其拖拽状态，我们可以使用jQuery的`.append()`方法在页面上创建新的div元素，同时确保新元素也具备拖拽功能： ```javascript $("#addDivButton").click(function() { var newDiv = $("<div ...
以下将详细介绍如何在ASP.NET页面中实现右下角消息提示功能。 1. **JavaScript库与CSS框架** 在实现此功能时，可以利用JavaScript库（如jQuery）和CSS框架（如Bootstrap）来创建动态效果。Bootstrap提供了便捷的`...
在创建屏幕右下角弹窗时，jQuery的便利性尤为突出，因为它提供了优雅的语法来处理这些任务。 1. **DOM操作**：在HTML5中，可以创建一个隐藏的div元素作为弹窗的基础结构，通过jQuery选择器找到这个元素，并在适当的...
在网页设计中，为了增强用户体验和互动性，开发者经常会在页面右下角设计类似QQ或MSN的消息提示功能。这种功能可以模拟即时通讯软件中的消息通知，让用户在浏览网页时能够实时接收并查看重要信息。本教程将深入探讨...
在网页设计中，"右下角显示新消息 div+css" 是一种常见的用户交互设计，用于提醒用户有未读信息或者更新。这个设计通常利用HTML的`<div>`元素作为容器，结合CSS来实现样式和定位。下面我们将深入探讨如何使用`div+...
这个压缩包文件可能包含了实现这一功能的具体源代码，用于创建一个在页面右下角弹出并可关闭的背投式广告效果。 首先，我们来理解一下“弹窗漂浮”这个标签。在网页设计中，"弹窗"通常指的是那些在用户浏览页面时...
根据提供的文件信息，本文将详细解析“js右下角弹框”的实现原理和技术要点，并针对提供的三种JavaScript弹框示例进行深入分析。 ### 一、理解JS右下角弹框 #### 1.1 弹框简介 在网页设计中，右下角弹出窗口是一种...
要使两个DIV位于右上角，我们首先需要创建这两个元素，并为它们设置适当的CSS样式。假设我们有两个DIV，分别名为`div1`和`div2`，我们可以这样做： ```html <div id="div1">这是div1</div> <div id="div2">这是div2...
本篇文章将详细讲解如何利用jQuery实现在页面右下角创建一个飘出窗口，以实现广告展示的效果。我们将涵盖以下几个关键知识点： 1. **jQuery基本概念**：首先，我们需要了解jQuery的基本概念，它是一个轻量级的...
以下将从创建div层的方法、应用场景以及相关代码解析等方面进行详细介绍。 ### 一、创建div层的方法 在JavaScript中，创建div层主要通过`document.createElement()`方法来实现。此方法用于创建一个新的指定类型的...