下文以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下:脚本之家#box{width:200px;height:150px;background:blue;position:relative; } #antzone{background:green; }window.onload=function(){var obox=document.getElementById("box");var oantzone=document.getElementById("antzone");var w=oantzone.offsetWidth;var h=oantzone.offsetHeight;oantzone.style.position="absolute";oantzone.s...
移动手机设备上有一个屏幕解锁的应用相信大家都不陌生,在移动设备上,用户可以通过设置锁定图案作为密码对设备用户界面进行锁定,锁定界面如下图所示。 效果图如下所示JavaScript Code$("#gesturepwd").GesturePasswd({ backgroundColor:"#2980B9", //背景色 color:"#FFFFFF", //主要的控件颜色 roundRadii:50, //大圆点的半径 pointRadii:12, //大圆点被选中时显示的圆心的半径 space:60, //大圆点之间的间隙 width:480,...
废话不多说了直接给大家贴代码了。 代码如下:<body onselectstart="return false"; onpaste="return false";> 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键特效 no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制 PS:JS防止后退,刷新,关闭的解决办法New Document function RunOnBeforeUnload() {window.onbeforeunloa...
分享一款支持PC端手机端幻灯片代码是一款支持移动触摸,支持鼠标拖拽切换,支持带进度条的自动播放模式。交果图如下 :效果演示 源码下载 html代码:
先给大家展示效果图:先看页面代码,列表的嵌套:BCCCBCCCBCCCcss 代码,主要设置背景色和子菜单左边框的样式,设置悬浮和选中的样式,开始设置子菜单不显示(通过 js 设置点击之后再显示):#menuDiv{width: 200px;background-color: #029FD4; } .parentLi {width: 100%;line-height: 40px;margin-top: 1px;background: #1C73BA;color: #fff;cursor: pointer;font-weight:bolder; } .parentLi span {padding: 10px; } .parentLi:h...
废话不多说了,直接给大家贴js实现点击图片显示原图片的代码,具体代码如下所示:function DrawImage(ImgD){var image = new Image();image.src=ImgD.src;var width = $(ImgD).attr("width");var height = $(ImgD).attr("height");if(width >100 && height>80){ImgD.width=100; ImgD.height=80;ImgD.alt=image.width+"×"+image.height;}else{if(image.width>0 && image.height>0){flag=true;if(image.width>300 || image.height>20...
本文实例分享了纯js代码实现简单计算器代码,相信大家会喜欢。具体如下: 运行效果截图如下:具体代码如下:new document function count(){var txt1 = parseInt( document.getElementById('txt1').value);//获取第一个输入框的值var txt2 = parseInt( document.getElementById('txt2').value);//获取第二个输入框的值var select = document.getElementById('select').value;//获取选择框的值var result = '';switch (select){c...
比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。 此例子用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能。 例子1:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果var wait=60; function time(o) {if (wait == 0) {o.removeAttribute("disabled"); o.value="免费获取验证码";wait = 60;} else { o.setAttribute("disabled", true);o.value="...
这个代码放在PC模板的代码里面//平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ }else{ window.location.href="手机网址"; }这个代码放在手机网站模板里面 //平...
有很多人在做微信的扫一扫下载。但是在微信更新之后微信将该功能给禁止掉了,也不能说是全面禁止吧,因为腾讯、微信是一家嘛,通过应用宝审核的应用好像还是可以通过扫一扫直接下载的。但是要通过审核的话还是需要时间的,那么用下面这一段(上干货)来解决吧,通过做一个引导页来实现,将该页面的url生成为一个二维码 (我使用的是草料二维码生成器)。判断是否为微信的内核来做引导下载,如果是直接使用浏览器(如:uc)打开的,...
在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐。代码一: 代码如下:漂浮广告代码#thediv {z-index:100; position:absolute; top:43px; left:2px;height:100px;width:100px; background-color:red; }var xPos=300; var yPos=200; var step=1; var delay=8; var height=0; var Hoffset=0; var Woffset=0;...
现在的浏览器越来越多,这就使得网页设计的兼容性要求越来越高,像常用的设为首页、加入收藏代码,一般的虽然简洁,但兼容性却非常不好,加入收藏和设为首页代码几乎各个网站都在头部放上一个,有没有效果先不管,需求应该是有的。但是由于浏览器的兼容性问题,之前用的很多代码都失去效果,下面就给出一段能够兼容各个浏览器的代码,也不能够算是兼容,只能说在不支持的浏览器中能够给出提示,代码如下:加入收藏和设为首页//加入收...
先给大家展示下效果图,具体效果图如下所示,如果大家觉得还不错,请参考实现代码:代码如下:jQuery对话框右上角带关闭× - 何问起body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; } .big-link { display: block; margin-top: 50px; text-align: center; font-size: 30px; background-color:#eeeeee; color: #06f; } .hovertreeinfo{text-align:center;} .hovertreeinfo a{color:darkcy...
1. 不得不说说二叉树 要了解堆首先得了解一下二叉树,在计算机科学中,二叉树是每个节点最多有两个子树的树结构。通常子树被称作“左子树”(left subtree)和“右子树”(right subtree)。二叉树常被用于实现二叉查找树和二叉堆。 二叉树的每个结点至多只有二棵子树(不存在度大于 2 的结点),二叉树的子树有左右之分,次序不能颠倒。二叉树的第 i 层至多有 2i - 1 个结点;深度为 k 的二叉树至多有 2k - 1 个结点;对任何一棵二...
就不给大家多文字说明了。给大家梳理下关键步骤。 关键步骤: 1、引入js文件2、在需要使用气泡效果的地方3、使用气泡效果$(window).ready( function() { $('#thoughtBubble').thoughtBubble({ text: 'baby,I love you', font: 'avenir' }); });4、这是jquery.thoughtBubblr.js代码(function($) { $.fn.thoughtBubble = function( defaults ) { var settings = $.extend({ backgroundColor: 'white', fontColor: 'black', width: '3...