/*

v9_date_list 日期表

tiptime 考试日期(数据类型为日期)

如果要实现浮窗淡入淡出用jquery的("#main0").fadeIn(3500);淡出("#main0").fadeOut(3500); 等同函数toggle(3500);

*/

<script>
var set1=setTimeout("miao10()",1000);
function view(evt){
var bodyview=document.getElementById("main0").style;
if(bodyview.display==""){
bodyview.display="none";
}else{
bodyview.display=""
}
var e=(evt)?evt:window.event;
if (window.event) {
e.cancelBubble=true;
} else {
//e.preventDefault();
e.stopPropagation();
}
}
function miao10(){
view();
var set2=setInterval("view()",30000);
}

</script>
<style>
/*浮动窗口*/
#lost{
width:600px;
height:315px;
padding:1px solid blue;
margin:0 auto;
background:#fff;
top:30%;
z-index:99999;
position:fixed;
left:34.6%;
}
#close{
height:25px;
right:6px;
width:24px;
}
#close a{
text-decoration:none;
}
#close a img{
float:right;
display:block;
}
</style>

<!--浮动窗口 -->
<div id="main0" style="display:none; position:absolute;z-index:99999;">
<div id="masker" style=" position:fixed; left:0px; top:0px; bottom:0px; opacity:0.1; z-index:1; overflow:hidden; display:block;"></div>
<div id="lost" style="clear:both;">
<div class="download0" onclick="doyoo.util.openChat();doyoo.util.accept();return false;" style="cursor:pointer;width:600px;height:315px; position:relative;width:100%;height:100%;background:url(http://www.benniaoyasi.com/statics/images/h_msg.png)">
{pc:get sql="SELECT date_format(tiptime,'%d') as d,date_format(tiptime,'%m') as m FROM `v9_data_list` where date(tiptime) >= date(now())" start="0" num="1"}
{loop $data $r}
{/loop}
{/pc}
<div style="position:absolute;margin-top:94px;margin-left:25px;">
<img src="http://www.benniaoyasi.com/statics/images/{substr($r['m'],1,1)}.png" />
</div>
<div style="position:absolute;margin-top:94px;margin-left:98px;">
<img src="http://www.benniaoyasi.com/statics/images/{$r['d']}.png" />
</div>
<div id="close" style="position:absolute;"><a href="javascript:void(0);" onClick="view(event);"><img style="padding-top:5px;" src="http://www.benniaoyasi.com/statics/images/1_02.png" />&nbsp;</a></div>
</div>
</div>
</div>

js阻止事件冒泡(phpcms,浮窗第一次10秒弹出后每30秒弹出,动态更换日期)的更多相关文章

  1. js阻止浏览器、元素的默认事件与js阻止事件冒泡、阻止事件流

    嵌套的div元素,如果父级和子元素都绑定了一些事件,那么在点击最内层子元素时可能会触发父级元素的事件,下面介绍一下js阻止默认事件与js阻止事件冒泡示例,大家参考使用吧   1. event.prev ...

  2. JS阻止事件冒泡

    在使用JS事件的时候,外层元素事件有可能被里层元素的事件触发,例如点击里层元素外层也触发了点击,这种现象称为事件冒泡.(李昌辉) <div id="wai"> < ...

  3. js阻止事件冒泡的两种方法

    1.什么是JS事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这 ...

  4. vue.js阻止事件冒泡和默认事件

    首先我们来看原生JS取消事件冒泡方法: e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器 原生JS阻止默认事 ...

  5. js 阻止事件冒泡 支持所有主流浏览器

    function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null) ...

  6. js阻止事件冒泡和标签默认行为

    ////阻止事件冒泡函数和 // 阻止默认浏览器动作(W3C) 要一起使用效果好<a href="/Scripts/newfiber_js_lib/images/1.jpg" ...

  7. js阻止默认事件与js阻止事件冒泡

    e.stopPropagation(); //阻止事件冒泡 功能:停止事件冒泡 function stopBubble(e) { // 如果提供了事件对象,则这是一个非IE浏览器 if ( e &am ...

  8. js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false

    preventDefault: preventDefault它是事件对象(Event)的一个方法,作用是取消一个目标元素的默认行为.既然是说默认行为,当然是元素必须有默认行为才能被取消,如果元素本身就 ...

  9. JS阻止事件冒泡的3种方法之间的不同

    什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这 ...

随机推荐

  1. tmobst5

    (单选题)SQL语言又称为() A)结构化定义语言 B)结构化控制语言 C)结构化查询语言 D)结构化操纵语言 2.(单选题)只有满足联接条件的记录才包含在查询结果中,这种联接为( ) A)左联接 B ...

  2. 关于JavaScript的DOM和BOM

    本文探讨JavaScript的三大部分中的两个部分,DOM和BOM. DOM介绍 DOM,全称Document Object Model,即文档对象模型.它 是W3C的一个标准,定义了一个对文档操作的 ...

  3. 一口气说出Redis 5种数据结构及对应使用场景,面试要加分的

    整理了一些Java方面的架构.面试资料(微服务.集群.分布式.中间件等),有需要的小伙伴可以关注公众号[程序员内点事],无套路自行领取 更多优选 一口气说出 9种 分布式ID生成方式,面试官有点懵了 ...

  4. Spark Streaming运行流程及源码解析(一)

    本系列主要描述Spark Streaming的运行流程,然后对每个流程的源码分别进行解析 之前总听同事说Spark源码有多么棒,咱也不知道,就是疯狂点头.今天也来撸一下Spark源码. 对Spark的 ...

  5. Python原来这么好学-1.1节: 在windows中安装Python

    这是一本教同学们彻底学通Python的高质量学习教程,认真地学习每一章节的内容,每天只需学好一节,帮助你成为一名卓越的Python程序员: 本教程面向的是零编程基础的同学,非科班人士,以及有一定编程水 ...

  6. 1.3创建你的第一个Android项目——Android第一行代码(第二版)笔记

    创建HelloWorld项目 如果是第一次,会经过漫长的等待. 启动模拟器 可以用第三方模拟器,也可以用官方集成的 点击后出现如下界面,可创建多个模拟器,如图,我已经创建好了一个,如果你没有,就点击下 ...

  7. [Effective Java 读书笔记] 第二章 创建和销毁对象 第六-七条

    第六条 消除过期引用 JAVA中依然会有 memory leak的,比如一个栈先增长再收缩,那么从栈中弹出的对象是不会被当做垃圾回收的,即时使用栈的程序不再引用这些对象.这是因为栈的内部维护着对这些对 ...

  8. C语言基础五 数组的应用

    .根据用户输入的10人成绩并将其保存到数组中,求最高成绩,最低成绩和平均成绩 int scoure[10];//存储10个数据的数组 int i; int sum;//总成绩 int max,min, ...

  9. codewars--js--Write Number in Expanded Form—filters、map、reduce、forEach

    问题描述: you will be given a number and you will need to return it as a string in Expanded Form. For ex ...

  10. clr via c# 运行时序列化

    1,快速了解序列化----windows IO 系统,FileStream,BinaryFormatter,SoapFormatter--不支持泛型. public class SerializeRe ...