首页 / JAVASCRIPT / 可关闭与最小化的右下角浮动广告代码

可关闭与最小化的右下角浮动广告代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了可关闭与最小化的右下角浮动广告代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3356字，纯文字阅读大概需要5分钟。

内容图文

很多朋友喜欢带有最小化功能的代码。
<!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> <title>可最小化和关闭的右下角浮动窗口</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> #msg_win{position:absolute;right:0px;display:none;overflow:hidden;z-index:99;border:1px solid #c00;background:#F9EFFC;width:240px;font-size:12px;margin:0px;} #msg_win .icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;} .icos a{float:left;color:#FFFFFF;margin:1px;text-align:center;font-weight:bold;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:webdings;} .icos a:hover{color:#FFCC00;} #msg_title{background:#AC19E3;border-bottom:1px solid #710B97;border-top:1px solid #FFF;border-left:1px solid #FFF;color:#FFFFFF;height:25px;line-height:25px;text-indent:5px;font-weight:bold;} #msg_content{margin:5px;margin-right:0;width:230px;height:126px;overflow:hidden;} </style> </head> <body> _× 浮动窗口标题：浮动窗口内容：欢迎提出宝贵意见，谢谢！ <script language="javascript"> var Message={ set: function() {//最小化与恢复状态切换 var set=this.minbtn.status == 1?[0,1,'block',this.char[0],'最小化']:[1,0,'none',this.char[1],'恢复']; this.minbtn.status=set[0]; this.win.style.borderBottomWidth=set[1]; this.content.style.display =set[2]; this.minbtn.innerHTML =set[3] this.minbtn.title = set[4]; this.win.style.top = this.getY().top; }, close: function() {//关闭 this.win.style.display = 'none'; window.onscroll = null; }, setOpacity: function(x) {//设置透明度 var v = x >= 100 ? '': 'Alpha(opacity=' + x + ')'; this.win.style.visibility = x<=0?'hidden':'visible';//IE有绝对或相对定位内容不随父透明度变化的bug this.win.style.filter = v; this.win.style.opacity = x / 100; }, show: function() {//渐显 clearInterval(this.timer2); var me = this,fx = this.fx(0, 100, 0.1),t = 0; this.timer2 = setInterval(function() { t = fx(); me.setOpacity(t[0]); if (t[1] == 0) {clearInterval(me.timer2) } },6);//10 to 6 }, fx: function(a, b, c) {//缓冲计算 var cMath = Math[(a - b) > 0 ? "floor": "ceil"],c = c || 0.1; return function() {return [a += cMath((b - a) * c), a - b]} }, getY: function() {//计算移动坐标 var d = document,b = document.body, e = document.documentElement; var s = Math.max(b.scrollTop, e.scrollTop); var h = /BackCompat/i.test(document.compatMode)?b.clientHeight:e.clientHeight; var h2 = this.win.offsetHeight; return {foot: s + h + h2 + 2+'px',top: s + h - h2 - 2+'px'} }, moveTo: function(y) {//移动动画 clearInterval(this.timer); var me = this,a = parseInt(this.win.style.top)||0; var fx = this.fx(a, parseInt(y)); var t = 0 ; this.timer = setInterval(function() { t = fx(); me.win.style.top = t[0]+'px'; if (t[1] == 0) { clearInterval(me.timer); me.bind(); } },6);//10 to 6 }, bind:function (){//绑定窗口滚动条与大小变化事件 var me=this,st,rt; window.onscroll = function() { clearTimeout(st); clearTimeout(me.timer2); me.setOpacity(0); st = setTimeout(function() { me.win.style.top = me.getY().top; me.show(); },100);//600 mod 100 }; window.onresize = function (){ clearTimeout(rt); rt = setTimeout(function() {me.win.style.top = me.getY().top},100); } }, init: function() {//创建HTML function $(id) {return document.getElementById(id)}; this.win=$('msg_win'); var set={minbtn: 'msg_min',closebtn: 'msg_close',title: 'msg_title',content: 'msg_content'}; for (var Id in set) {this[Id] = $(set[Id])}; var me = this; this.minbtn.onclick = function() {me.set();this.blur()}; this.closebtn.onclick = function() {me.close()}; this.char=navigator.userAgent.toLowerCase().indexOf('firefox')+1?['_','::','×']:['0','2','r'];//FF不支持webdings字体 this.minbtn.innerHTML=this.char[0]; this.closebtn.innerHTML=this.char[2]; setTimeout(function() {//初始化最先位置 me.win.style.display = 'block'; me.win.style.top = me.getY().foot; me.moveTo(me.getY().top); },0); return this; } }; Message.init(); </script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的可关闭与最小化的右下角浮动广告代码全部内容，希望文章能够帮你解决可关闭与最小化的右下角浮动广告代码所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/370562.html

来源：【匿名】

【上一篇】javascript 关键字高亮显示实现代码【下一篇】javascript 怎么调用php方法

更多 ►

【可关闭与最小化的右下角浮动广告代码】教程文章相关的互联网学习教程文章

JavaScript数字精度上代码。

/**不能超过 9007199254740992 * floatObj 包含加减乘除四个方法，能确保浮点数运算不丢失精度 * * 我们知道计算机编程语言里浮点数计算会存在精度丢失问题（或称舍入误差），其根本原因是二进制和实现位数限制有些数无法有限表示 * 以下是十进制小数对应的二进制表示 * 0.1 >> 0.0001 1001 1001 1001…（1001无限循环） * 0.2 >> 0.0011 0011 0011 0011…（0011无限循环） * 计算机里每种数据类型的存储是一个有限宽度，...

sublime text 3 添加 javascript 代码片段 ( snippet )【代码】【图】

例如：新建console.log();的快捷键为 co环境：windows 7step1:Tools -> New Snippet 1<snippet> 2<content><![CDATA[consloe.log(${1:this});]]></content> 3 4<tabTrigger>co</tabTrigger> 5 6 7 8 ...

常用JavaScript代码库（又名：WFang.js）【代码】

1.根据公司项目封装ajax请求，结合layer框架一起使用/*提取接口公共部分*/var ApiConf = {server:"http://localhost:8080/Battery/", };/*** 调用接口方法* api:接口* callback:回调函数* info:参数* type:请求方式*/function WFang (api, callback, info , type){//加载动画 layer.load();//参数var data = info;var contentType = ‘application/x-www-form-urlencoded; charset=UTF-8‘;if(type == ‘post‘){contentType = ...

javascript 倒计时代码【代码】

javascript操作xml(增删改查)例子代码【代码】【图】

包括了stu.hta(是HTML应用程序); stu.xml 注意下面的HTML代码必须保存为后缀名为hta否则当对XML文件进行操作(增删改)的时候就会提示没有权限!! 文件stu.hta代码如下:代码<html><head><title> 数据岛的显示　</title><style type="text/css">#findPanel{ position:absolute; width:220px; border:1px solid #666666;}#findPanelTitle{ height:10px; background-color:#336699; cursor:move;}#findPanelConte...

65行 JavaScript 代码实现 Flappy Bird 游戏

飞扬的小鸟（Flappy Bird）无疑是2014年全世界最受关注的一款游戏。这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发，形式简易但难度极高的休闲游戏，很容易让人上瘾。　　这里给大家分享一篇这款游戏的 HTML5 版制作教程，借助 Phaser 框架，只需65行 JavaScript 代码即可实现。简单的不能再简单！这才是境界，这才是高手！编程也是一样，几行代码能实现就别去写几十行，显摆什么！到头来只会发现越来越不会...

JDK8中Java调用Javascript脚本引擎动态定义与执行代码【代码】

import java.lang.*; import java.util.Arrays; import java.util.List;import javax.script.Invocable; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager;public class ScriptEngineTest {public static void main(String[] args) throws Exception {ScriptEngineManager sem = new ScriptEngineManager();ScriptEngine engine = sem.getEngineByName("javascript"); //python or jython, <pre na...

Java8 Nashorn实现Java调用javascript代码【代码】

最近项目需要，利用java执行动态语言，首先想到的是支持js。1.从打印Hello World开始Java8 引入Nashorn实现javascript调用，比如使用java运行一段js实现“Hello World”打印：package com.iflytek.research.jsdemo;import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException;public class NashornTest {public static void main(String[] args) {// 加载nashorn执行引擎Sc...

JavaScript手动实现JSONP代码【代码】

浏览器的同源策略不允许我们直接通过ajax call别的域名上的url，但是script，img标签却米有这个限制，jsonp便是利用了这一点，通过在页面上生成一个src为我们所要调用url的script标签，能拿到服务器返回的结果，当然这个只支持get请求，同样，服务器端也要能够接受我们所传递的参数。下面是一个例子：<script>function removeScript(scriptId) {const script = document.getElementById(scriptId);document.getElementsByTagName(...

js 代码大全(各种方法、属性)

事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.all("txt").focus();document.all("txt").select();窗体命令docu...

JS判断客户端是手机还是PC的2个代码

Javascript 判断客户端是否为 PC 还是手持设备，有时候项目中需要用到，很方便的检测，源生的哦，方法一共有两种1、第一种：复制代码代码如下:function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo....

js代码块【代码】

1.内部变量覆盖外部变量内部变量覆盖了外部变量后，变量提升：即脚本开始运行时，变量temp已经存在了，但是没有值，所以会输出undefinedvar tmp = new Date();function f(){console.log(tmp);if (false){var tmp = "hello world";} }f() // undefined 2.用来计数的循环变量泄露为全局变量var s = ‘hello‘;for (var i = 0; i < s.length; i++){console.log(s[i]); }console.log(i); // 5 原文：http://www.cnblogs.com/susan-90/...

首页 / JAVASCRIPT / 可关闭与最小化的右下角浮动广告代码

可关闭与最小化的右下角浮动广告代码

内容导读

内容图文

内容总结

内容备注

内容手机端

【可关闭与最小化的右下角浮动广告代码】教程文章相关的互联网学习教程文章

JavaScript数字精度上代码。

sublime text 3 添加 javascript 代码片段 ( snippet )【代码】【图】

常用JavaScript代码库（又名：WFang.js）【代码】

javascript 倒计时代码【代码】

javascript操作xml(增删改查)例子代码【代码】【图】

65行 JavaScript 代码实现 Flappy Bird 游戏

JDK8中Java调用Javascript脚本引擎动态定义与执行代码【代码】

Java8 Nashorn实现Java调用javascript代码【代码】

JavaScript手动实现JSONP代码【代码】

js 代码大全(各种方法、属性)

JS判断客户端是手机还是PC的2个代码

js代码块【代码】

一次js代码修改不更新问题的解决【图】

JavaScript进阶之路——认识和使用Promise，重构你的Js代码【代码】【图】

js代码从页面移植到文件中失效或js代码修改后不起作用的解决办法

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程