js使用点击页面消失

2024-08-30

js让页面逐渐变透明,直到消失

在gitHub闲逛的时候,无意间发现了些好玩的代码,一个歪果仁写的,这里我做了些修改和优化,gitHub链接已经忘了,是一段恶搞的js代码,假如你的顾客或者老板拖欠你工资,那你就可以让项目页面在浏览器慢慢变透明,直到消失,代码很简单,但脑洞清奇,不妨来试试吧 // 设定时间,页面慢慢变透明,直到消失 var opacityInterval = setInterval(function () { // 普通时间转为格林威治时间 var targetDate = new Date('2019-05-

JS jQuery 点击页面漂浮出文字

看到有些网站点击页面任意地方都会弹出文字出来感觉很炫酷但其实实现方法很简单哇哈哈哈~~~ // 调用 ( e, 消失毫秒, 数组, 向上漂浮距离) $(document).click(function(e){ var list = ['学而时习之', '不亦说乎', '有朋自远方来', '不亦乐乎', '人不知而不愠', '不亦君子乎', '三人行必有我师焉', '择其善者而从之', '其不善者而改之', '学而不思则罔', '思而不学则殆']; textUp( e, 2000, lis

JS 实现点击页面任意位置隐藏div、span

通过调用下面的 showhidden(“标签ID”) 显示div/span/…等标签内容,可以实现点击页面任意地方再次隐藏该标签内容,而showhidden(“标签ID”,”nohidden”)可保存显示不隐藏.可用于仿下拉框及下拉菜单的实现. var nowshowdiv=""; function showhidden(div,nohidden){ if(div!=""){ if(document.getElementById(div).style.display

【JS】点击页面判断是否安装app并打开,否则跳转下载的方法

应用场景 App产品在运营推广上有一个需求,就是要求可以让用户在访问我们的推广网页时,就可以判断出这个用户手机上是否安装了我们的App,如果安装了则可以直接在网页上打开,否则就引导用户前往下载.从而形成一个推广上的闭环. 解决办法而对于点击链接后,能否直接打开,可以通过下面的代码来实现.前提条件:你得知道你的APP对应的打开协议,如贴吧APP,协议为:com.baidu.tieba:// ,微信的:weixin:// ,等等  &

JS jQuery 点击页面弹出文字

js 鼠标点击页面出现文字

页面中php传值后循环列表js获取点击的id

页面中php传值后循环列表js获取点击的id值进行js操作 <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script> <script type="text/javascript"> function jump(id) { window.location.href = "/shengchan/zhlhfk/Adm

js 点击页面出现烟花心形

css :1 body{width:1000px; height:500px;} input{ margin:100px; width:250px; height: 50px } 3 .Fireworks{width:4px; height: 4px; position: absolute;} .heart{width: 10px;height: 10px;position: fixed;transform: rotate(45deg);-webkit-transform: rotate(45d

使用原生js 实现点击消失效果

JQ版 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(d

js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧<script>//定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派到其他 Document 节点. function stopFunc(e) { e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; };//获取元素的

jquery实现点击页面其他地方隐藏指定元素

代码实例如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>点击页面其他地方隐藏div-蚂蚁部落</title><style type="text/css"&

重写JS的鼠标右键点击菜单

重写JS的鼠标右键点击菜单该效果主要有三点,一是对重写的下拉菜单的隐藏和显示:二是屏蔽默认的鼠标右键事件:三是鼠标左键点击页面下拉菜单隐藏. 不多说,上html代码: 1 <ul id="wrapper"> 2 <li><a>一级</a></li> 3 <li><a>二级</a></li> 4 <li><a>三级</a></li>

使用 video.js 开发 HTML5 视频页面

时间 2015-05-13 17:11:58 The GIS Guy 原文 http://thegisguy.tk/html5-video-using-video-js/ 主题 Video.js HTML5 使用 video.js 简单几步编写一个可以在微信.QQ内置浏览器中正常工作的 HTML5 视频播放器. HTML5 标签看似简单,但在不同设备上使用时却问题不断,原因是很多设备强制使用自身的视频播放器来播放 HTML5 视频.使用第三方组件 video.js 可以在一定程度上克服这个问题

页面中引入mui 地址选择，点击页面中其他input时页面回到顶部

问题:在页面中引入mui地址选择时,点击页面中的input页面会滚到顶部(谷歌浏览器中出现的bug),在手机上点击input会出现跳动.开始的时候是想修改mui.min.js里的滚动事件,但是后来找到一个方法,只需要加一个css 属性就ok. 解决办法:在body中添加 overflow: scroll; -webkit-overflow-scrolling: touch;属性,如果只加overflow:scroll;在苹果手机浏览器上会出现滚动不顺畅的情况,再加上-webkit-overflo

jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'

jQuery点击页面其他部分隐藏下拉菜单

一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面其他部分,下拉菜单收起或隐藏,该怎么办呢?只能用js这老大哥来控制了. 二.代码 HTML: <div class="select_box" id="selected"> <div class="select"> <sp

js实现点击图片，然后图片放大

HTML <td width="350"> <img height="100" width="100" class="pimg" src="..." /> <img height="100" width="100" class="pimg" src="..." /> <img heigh

JS怎么刷新当前页面

JS怎么刷新当前页面 reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL.语法:

css/js禁止点击元素

css禁止点击页面元素,只需一句代码即可解决: pointer-events: none; 如果用js来控制的话那就是: $('#test').click(function(){ return false; });

js实现点击按钮时显示弹框，点击按钮及弹框以外的区域时隐藏弹框

转自https://blog.csdn.net/yimawujiang/article/details/86496936 问题:js实现点击按钮时显示弹框,点击按钮及弹框以外的区域时隐藏弹框? 方案一:这个问题通常的办法是使用阻止事件冒泡来实现,代码如下(省略css): <body> <button id="btn1" onclick="alertBoxFn();stopBubble()">打开弹窗</button> <di

js实现点击按钮传值

js实现点击按钮传值 page1源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> function newDoc() { window.location.assign("hellow.html") } function quzhi() { var text1 = document.getElementById("na

js使用点击页面消失

热门专题