js模拟弹出效果代码修正版
模拟弹出效果代码修正版
---------------------------
Windows Internet Explorer
---------------------------
Internet Explorer 无法打开 Internet 站点
应该是页面没加载完,所以我判断下,等页面加载完了,再运行
代码如下:
window.onload=function(){
var oo = new fw.com.ui.window({
range : [260,260,425,210],
title : " 温 馨 提 示",
html : "<div class='dxycon'><ul><li>1、你是否对该作品感兴趣呢?点击“加入书架”按钮,你就可以在“我的书架”中随时查看该作品的最新章节并第一时间阅读,再不需要想看的时候四处搜索查找了!</li><li>2、读者的支持是作者创作的动力源泉,如果觉得这本书不错,就赶紧投票支持一下作者吧!您的轻轻一点,是对原创作者的鼎力支持,推荐票是每天重新获取的,今天不用就过期作废了,而且每推荐一次作品还可以获取积分哦!</li><li>3、点击不在提示此信息,将不再弹出提示</li><li style='text-align:center'><a href='http://www.jb51.net' target='_blank'>我们</a> <a href='http://www.kanshule.com' target='_blank'>看书了小说网</a> <button class='btn' onclick=\"setCookie('nofav','ok')\">不再提示此信息</button></li></ul></div>",
display : "none"
});
if(getCookie('nofav{?$article_id?}')!='ok'){
oo.show();
}
function setit(name,value){
setCookie(name,value);
oo.hide();
}
}
主要是加了这一句window.onload=function(){}
因为文件比较多,有图片
具体演示看:http://www.jb51.net/adtest/101/index.htm
打包下载地址http://www.jb51.net/adtest/101/101tanchu.rar
相关推荐
-
原生js实现半透明遮罩层效果具体代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
js点击按钮实现带遮罩层的弹出视频效果
本文实例讲解了js点击按钮实现带遮罩层的弹出视频效果,涉及到css以及JavaScript,分享给大家供大家参考,具体内容如下 最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层 点击黄色区域可以关闭视频 并回到最初的状态. 页面主要代码:main中主要包含一个a,控制显示的按钮.设置有id值. <div class="main"> <a href="javascript:;" class="video" id="
-
js弹出div并显示遮罩层
复制代码 代码如下: //--------------------弹出层------------------- //popDivId:弹出层div的ID //dragDivId:用于拖动div的ID //isShowMask:是否显示遮罩层 function popDivShow(popDivId, dragDivId, isShowMask) { if (isShowMask) { creatMask(popDivId); } var oWins = document.getElementBy
-
JS遮罩层效果 兼容ie firefox jQuery遮罩层
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
js和jquery使按钮失效为不可用状态的方法
设置disabled属性为true即为不可用状态. JS: 复制代码 代码如下: document.getElementByIdx("btn").disabled=true; jquery 复制代码 代码如下: $("#btn").attr("disabled", true); html: 复制代码 代码如下: <input type="button" value="提交" id="btn&
-
js点击button按钮跳转到另一个新页面
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.location='新页面'" 来实现. 1.在原来的窗体中直接跳转用 代码如下 window.location.href="你所要跳转的页面"; 2.在新窗体中打开页面用: 代码如下 window.open('你所要跳转的页面'); window.hist
-
javascript怎么禁用浏览器后退按钮
1. 复制代码 代码如下: <script language="JavaScript"> javascript:window.history.forward(1); </script> 利用JS产生一个"前进"的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次"后退"的情况,缺点是当用户端禁用了JavaScript之后即失效. 2. 复制代码 代码如下: <A HREF="lo
-
javascript div 遮罩层封锁整个页面
具体解决方案如下: 一.IE和FF下document.body对象的clientHeight,offsetHeight,scrollHeight属性的差别. clientHeight 在IE和FF下,该属性没什么差别,都是指浏览器的可视区域,即除去浏览器的那些工具栏状态栏剩下的页面展示空间的高度. offsetHeight 在IE下,offsetHeight也是浏览器可视区域的高(包括边线) 在FF下,offsetHeight是页面具体内容的高度 scrollHeight 在IE下,scroll
-
html 锁定页面(js遮罩层弹出div效果)
复制代码 代码如下: <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <script> function createIf
-
js模拟弹出效果代码修正版
模拟弹出效果代码修正版 从网上看到的代码,当文章内容较多时,总会提示 复制代码 代码如下: --------------------------- Windows Internet Explorer --------------------------- Internet Explorer 无法打开 Internet 站点 应该是页面没加载完,所以我判断下,等页面加载完了,再运行 复制代码 代码如下: window.onload=function(){ var oo = new fw.com.u
-
JS实现的仿QQ空间图片弹出效果代码
本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: <script type="text/javascript"> function imageShow(which_click) { var image_path = which_click; //alert(image_path); var tag_top = Math.max(document.documentElement.scrollTop, document.body.scroll
-
JS模拟实现Select效果代码
本文实例讲述了JS模拟实现Select效果代码.分享给大家供大家参考.具体如下: 这里模拟实现一个Select效果,其实这不是模拟,是自制Select,在JavaScript的配合下,运用CSS的UL/LI形成一个可下拉的列表,类似于下拉Select的效果,你可任意修改他们的颜色和内容之类的,用起来更方便了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mn-select-style-demo-codes/ 具体代码如下: <!DOCT
-
JS实现浏览器状态栏文字从右向左弹出效果代码
本文实例讲述了JS实现浏览器状态栏文字从右向左弹出效果.分享给大家供大家参考,具体如下: 这里状态栏文字弹出代码,从右向左弹出,通过修改Script中的这些代码片段可改变效果: var POSITION = 100 var DELAY = 4 var MESSAGE = "这里是你想要的文字!" 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-txt-scroll-codes/ 具体代码如下: <!DO
-
JS模拟简易滚动条效果代码(附demo源码)
本文实例讲述了JS模拟简易滚动条效果的方法.分享给大家供大家参考,具体如下: 使用Js模拟滚动条.简易模式,类似手机上常见的滚动条. 效果如下: Js代码如下: var scrollMoveObj = null, scrollPageY = 0, scrollY = 0; var scrollDivList = new Array(); // obj需要添加滚动条的对象 w滚动条宽度 className滚动条样式名称 // obj元素 必须指定高度,并设置overflow:hidden; //
-
js模拟3D场景效果代码打包
要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标.一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢. 透视公式: scale = fl / (fl + z); scale是大小的比例值,0.0到1.0之间,fl是观察点到成像面的距离,通常这个值是固定,z就是物件的三维空间中的z轴. 在写这些代码之前,我喜欢用面向对象来描述我写的这些东西,比如我需要一个场景,场景是个空间,空间内是可以容纳各种物件的,物件是个对象,物件是是x,y,z三个维度的,场景可以插入任意多的物件,
-
js 强制弹出窗口代码研究-又一款代码
复制代码 代码如下: <script language="JavaScript"> var paypopupURL = "http://www.jb51.net"; var randkey = '13'; //bypass IE functions function setupActiveX(){ document.write(' <INPUT ID="autoHit" TYPE="TEXT" ONKEYPR
-
javascript 强制弹出窗口代码-跨拦截
强制弹出窗口代码研究-ForceWindow 此为一款老代码,本代码是通过构建一个 Form,然后用 JS 去 submit 这个 Form(也可以模拟提交按钮被 click).我在 IE8 中测试起作用,但在 Firefox 3.5 中被拦截. 复制代码 代码如下: ForceWindow.iclass.js 代码如下(使用.讲解.相关说明全部在注释中): /** * ====================================================== * 本程序可自由
-
JS实现新浪微博效果带遮罩层的弹出框代码
本文实例讲述了JS实现新浪微博效果带遮罩层的弹出框代码.分享给大家供大家参考.具体如下: 这是一款新浪微博效果的弹出框,现成的JS代码,兼容IE6+,以及各主流浏览器.新浪微博弹出层并可拖拽,操作轻松舒适,符合用户的浏览习惯,将代码推荐给各位网友. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-zzxg-dlg-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1
-
js实现弹出框的拖拽效果实例代码详解
具体代码如下所示: //HTML部分 <div class="wrap"></div> <div class="popUpBox"> <div class="layer-head"><div class="layer-head-text">弹出框</div><div class="layer-close"></div&
随机推荐
- centos6.5通过yum安装nginx
- Java连接ftp服务器实例代码
- 深入解析Java接口(interface)的使用
- asp.net LINQ中数据库连接字符串的问题
- Chrome内核下由ashx输出的js代码不起作用的解决方法
- C语言 基本语法示例讲解
- 详解C++中的inline用法
- Windows下简单的Mysql备份BAT脚本分享
- Vue框架中正确引入JS库的方法介绍
- 常见表单重复提交问题整理及解决方法
- asp磁盘缓存技术使用的代码
- ASP.NET中使用Application对象实现简单在线人数统计功能
- jQuery实现根据生日计算年龄 星座 生肖
- ubuntu 14.04 oracle 11g 64位数据库安装图文教程
- jquery ajax 调用失败的原因示例介绍
- ThinkPHP中limit()使用方法详解
- PHP3 safe_mode 失效漏洞
- Python使用reportlab模块生成PDF格式的文档
- vue使用axios时关于this的指向问题详解
- PDO::lastInsertId讲解