用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现跳转,以及mete标签也可以实现自动跳转,根据你自己的需要了。JS倒计时网页自动跳转代码 function delayURL(url) {var delay = document.getElementById("time").innerHTML;if(delay > 0) {delay--;document.getElementById("time").innerHTML = delay;} else {window...
方法一:// 禁用右键菜单、复制、选择 $(document).bind("contextmenu copy selectstart", function() {return false; });方法二:// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持) $(document).keydown(function(e) {if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) {return false;} });方法三:// 设置CSS禁止选择(如果写了下面的CSS则不需要这一段代码,新版浏览器支持) $(function() {$("body").css({"-moz-user-select":...
本文实例讲述了js+css简单实现网页换肤效果。分享给大家供大家参考,具体如下: 这里做了3套外观,分别使用不同文件夹下的同名css文件,那么怎样实现js替换加载呢? 3个按钮如下:蓝色皮肤 灰色皮肤 自定义皮肤js 代码:// 更换主题 function changeCss(cssName) {if (document.getElementsByTagName_r("link").length > 0) {for(var i = 0 ; i 实现效果:希望本文所述对大家JavaScript程序设计有所帮助。
本文实例讲述了js获取及修改网页背景色和字体色的方法。分享给大家供大家参考,具体如下: 获得网页的背景色和字体颜色,方法如下: 思想: 通过取得颜色属性值得到的是 rgb 色,不是我们想要的,所以需要将 rgb 色装换为 十六进制色 ,首先获得rgb色 : 代码如下:代码如下:var rgb = document.getElementById(color).style.backgroundColor; 得到格式如下: rgb(225, 22, 23); 然后进行拆分: 代码如下:代码如下:var rgb = rgb.sp...
废话不多说了,直接给大家贴代码了,具体代码如下所示:var Shaker = function(f){ // 摇一摇: 检测到3次摇动算一次摇一摇, 摇动后调用处理函数, 不再检测摇动 // f 摇动后的回调 this.callback = f; this.status = 0; // 0: 侦听未开始 1: 侦听开始 this.speed = 15; this.lastX = this.lastY = this.lastZ = 0; this.num = 0; // 检测触发次数 this.minNum = 3; // 最小检测触发次数 this.beginSecond = 0; // 开始检测的秒数 t...
环境:主机:WIN10express安装:1.安装express-generator输入命令:npm install -g express-generator2.安装express输入命令:npm install -g express3.验证是否安装成功输入命令:express -V查看帮助:express --help建立工程:express -e calculator cd calculator && npm install运行默认网页:输入命令:npm start或者node ./bin/www端口配置在/bin/www中。可以执行加法运算。源代码:view/index.ejs:增加输入框routes/index.js...
方法一:// top) { if (window.XMLHttpRequest) { element.css({ position: "fixed", top: "10px" }); } else { element.css({ top: scrolls }); } }else { element.css({ position: pos, top: top }); } }); }; return $(this).each(function() { position($(this)); }); }; //绑定 $("#float").smartFloat(); // ]]> 方法二:/*页面智能层浮动*/ jQuery(document).ready(function($){ var $sidebar = $(".float"), $window ...
提升网页加载速度的方法有很多种,用 jquery.lazyload.js 实现图片异步延迟加载,对于页面包含图片较多的网站来说,会是个不错的提升网页打开速度的方法。代码君网站栏目页列表左侧,在PC端预览时能看到一个文章略缩图展示模块,一定程度上会延长网页加载时间。本文采用图片异步延迟加载的方法,来提升本站页面加载速度。 图片异步加载,就是不必一次性把页面的所有图片都加载显示出来,等用户滑动滚动条到某个位置时才会加载显示相...
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.sc...
本文实例讲述了js实现的万能flv网页播放器代码。分享给大家供大家参考,具体如下:var s5 = new SWFObject("FlvPlayer201002.swf","playlist","300","210","7");s5.addParam("allowfullscreen","true");s5.addVariable("autostart","false");s5.addVariable("image","flash5.jpg");s5.addVariable("file","nobody.flv");s5.addVariable("width","300");s5.addVariable("height","210");s5.write("player5");附: swfobject.js的官方...
本文为大家分享了网页框架bootstrap的简单使用方法,供大家参考,具体内容如下 直接百度bootstrap可以搜到bootstrap中文网站,然后最好建议选择下载源码。 下载完成后,将dist/css/bootstrap.min.css复制到项目的根目录下。 具体的模块介绍和使用在中文网站上都有讲述,这里以制作的一个简单示例为例:使用bootStrap进行响应式布局是为了让界面有居中的效果Toggle navigationProjectName Hello, world!这里是测试文 这里是测试文 这...
前言:前段时间有一个关于通过获取用户当前经纬度坐标,计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标,刚开始使用的是百度地图结果发现百度地图地位不太准确(有时候相差的比较的大,后来了解到了百度获取用户经纬度与用户当前使用的网络有很大的关系),后来换成了高德地图结果还是一样。最后我想刚好做的是个微信网站项目,为什么不使用微信自带接口呢?所以最后使用了微信JS-SDK来...
项目进行微信开发, 认证了一个微信服务号专门用于内部测试,但是内部可能存在多套不同环境(开发dev、测试sit、预发布uat)等,由于微信限制一个服务号只能配置一个网页授权域名, 又不可能给每个环境单独配一个服务号,这样不仅需要成本而且很浪费资源, 所以重点需要解决下面这个问题: 1、可以自动区分环境。比方部署开发环境。url可能是http://dev.xxx.com/api/,而在测试环境的时候应该是http://sit.xxx.com/api/。而并且不能写...
本文介绍了Smartour 让网页导览变得更简单,分享给大家,具体如下:在遇到网页内容有着较大调整的时候,往往需要一个导览功能去告诉用户,某某功能已经调整到另外一个位置。比较常规的办法是添加一个蒙层,高亮显示被调整的区域,然后通过文字介绍去完成引导。我们把这个功能称为“导览”,而 Smartour 则把这个导览的功能抽离出来,提供了一个开箱即用的解决方案。 项目地址:https://github.com/jrainlau/smartour 官方示例:htt...
由于甲方爸爸的需要,最近使用phantomjs和Node写了一个对网页内容截屏的功能,为了避免忘记,现在将代码内容及配置流程大概描述一下. 1.首先Node是必须安装的,而且网上安装教程一大堆,在此不再赘述,Nodejs官网链接 2.然后,第二个主人公是phantomjs,官网下载地址,选择对应的系统下载对应的安装包 3.将phantomjs配置为系统变量,下面是Windows配置为环境变量:配置完成之后,在cmd命令行中输入 phantomjs -v 检验是否配置成功,配置成功之...