- 浏览: 203920 次
文章分类
- 全部博客 (224)
- jsp (5)
- jsf (7)
- web (11)
- js (12)
- COBOL (5)
- php (7)
- jconsole (1)
- java (11)
- ajax (1)
- PHP魔法方法 (1)
- 项目管理工具 (3)
- 项目管理 (2)
- svn (8)
- redmine (1)
- mysql (4)
- qrcode,php (1)
- qrcode (1)
- 多进程 (3)
- html (1)
- excel (2)
- seasar2 (1)
- db (1)
- entity (1)
- IOS8 (1)
- SWIFT (1)
- 正则表达式 (1)
- RabbitVCS (1)
- url (1)
- thinkphp (2)
- c++ (5)
- win32 API函数 (1)
- htaccess (1)
- makefile (3)
- C/C++ (12)
- Linux (1)
- miui (2)
- unix (1)
- wechat (1)
- websocket (1)
- SpringMVC (3)
- VSAM (1)
- centos (2)
- wamp (1)
- server (1)
- 优酷视频上传并去除广告 (1)
- owncload (1)
- cloud (1)
- ubuntu (1)
- pdf转换成word (1)
- 微信,weixin (1)
- 行业系统 (3)
- 超级外卖源代码 (0)
- 软件专利 (1)
- 申请 (1)
- vba (1)
- UML (1)
- 程序切片 (1)
- 股票心得 (1)
- 威客建站 (1)
- 微信开发学习路线 (1)
- 远程开机 (1)
- spring mvc (1)
- JEECMS (1)
- Node.js (1)
- ThinkJS (1)
- maven (2)
- MyEclipse+Tomcat+MAVEN+SVN (1)
- Spring+SpringMVC+MyBatis (1)
- wampserver (0)
- RESTful (1)
- hibernate (4)
- Spring+SpringMVC (1)
- 响应式布局 (1)
- 响应式布局模板 (1)
- Aptana (3)
- 遗传算法 (1)
- 进化算法 (1)
- bower (1)
- HTML5 (1)
- Android官方培训课程 (1)
- MySQL锁 (1)
- 扫描枪 (1)
- 微信公众平台 (1)
- 企业号 (1)
- ddns (1)
- java获取外网ip (1)
- DDNS,阿里云,云解析,万网域名,阿里云域名 (1)
- SEO (1)
- Jboss (2)
- wildfly (1)
- WildFly8 (2)
- NT Kernel (1)
- 反向代理 (1)
- Spring嵌套事务 (1)
- apache (3)
- 防止浏览器记住用户名及密码的简单实用方法 (1)
- 时间戳 (1)
- 字体 (1)
- 网络爬虫准 (1)
- 屏蔽后退按钮 (1)
- java web (1)
- JavaMail (1)
- windows服务 (1)
- Freemarker (1)
- TortoiseGit (2)
- oschina (1)
- JSON (1)
- Boost (1)
- MUI (1)
- github (1)
- Python2.7 (1)
- Python3.0 (1)
- Odoo (1)
- java socket (1)
- OpenERP (2)
- werkzeug (1)
- JNA (2)
- proxifier (1)
- WebService (1)
- 企业应用集成 (1)
- vmware (1)
- Navicate (1)
- 三体 (1)
- oracle同步 (1)
- 微信 (3)
- java设计模式 (1)
- 工具 (1)
- JavaScript跨域 (1)
- LB (1)
- 负载均衡 (1)
- AngularJS (1)
- HBuilder (1)
- Echarts (1)
- Json Web Token (1)
- PassportSDK (1)
- ubuntu kylin xterm 乱码 (1)
- ubuntu kylin17 安装字体教程 (1)
- wps (1)
- jetbrains (1)
- MySQL5.7 (1)
- Nginx (1)
- JDK (1)
最新评论
-
cuiyadll:
谢谢楼上的推荐
实战:jQuery Mobile开发HTML5移动应用 -
marty:
使用JQueryMobile,推薦使用這免費開發工具,提供可視 ...
实战:jQuery Mobile开发HTML5移动应用 -
men_clslji:
按照目前的方法只是防止刷新页面时不再执行X(添加),而toke ...
有了上一篇博文,类似地顺便说说表单防重复提交。
引用
<script type="text/javascript">
var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');
if(window.DeviceMotionEvent) {
var speed = 25;
var x = y = z = lastX = lastY = lastZ = 0;
window.addEventListener('devicemotion', function(){
var acceleration =event.accelerationIncludingGravity;
x = acceleration.x;
y = acceleration.y;
if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed) {
document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];
}
lastX = x;
lastY = y;
}, false);
}
</script>
var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');
if(window.DeviceMotionEvent) {
var speed = 25;
var x = y = z = lastX = lastY = lastZ = 0;
window.addEventListener('devicemotion', function(){
var acceleration =event.accelerationIncludingGravity;
x = acceleration.x;
y = acceleration.y;
if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed) {
document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];
}
lastX = x;
lastY = y;
}, false);
}
</script>
发表评论
-
JS引号的输出办法
2016-03-17 11:24 646你可以在 JavaScript 中使用反斜杠来向文本字符串 ... -
Office在线预览及PDF在线预览的实现方式大集合
2015-12-24 17:30 1026一、服务器先转换为P ... -
MyEclipse安装JS代码提示(Spket插件)
2015-11-09 15:39 790近期需要大量使用JS来开发,但是MyEclips ... -
利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站上的摇一摇功能
2014-07-10 19:34 729介绍:http://www.codesky.net/artic ... -
实战:jQuery Mobile开发HTML5移动应用
2014-04-16 14:56 1574引自:http://tech.it168.com/a201 ... -
几个功能强大的php函数
2014-02-07 13:32 761这些函数简单但是又非常重要,先收藏再说吧,你总有用得着的时候 ... -
JS之Window对象
2014-02-07 00:23 752一.说明:他是JS中最大的对象,它描述的是一个浏览器窗口,一般 ... -
jquery 中的 $(“#”) 与 js中的document.getElementById(“”)
2014-02-06 22:19 867以前没注意过,认为jquery 中的 $("#&qu ... -
js中setInterval与setTimeout用法
2014-02-06 13:06 659setTimeout 定义和用法: setTimeou ... -
js的Prototype属性 解释及常用方法
2014-02-06 13:05 397函数:原型 每一个构造函数都有一个属性叫做原型(prototy ... -
弹出窗口(window.open)被各种浏览器拦截的通用处理方法
2013-08-27 15:56 975所有种类的浏览器基本都默认拦截弹出窗口,也就是说(window ...
相关推荐
在本示例中,我们探讨的是如何使用jQuery库来实现一个功能,即当用户点击按钮时,网页背景图片能够自动切换。这个项目是基于jQuery 1.6.1版本构建的,表明它适用于较早的浏览器环境,同时也适用于现代浏览器。jQuery...
根据时间自动切换网页背景颜色或图片代码 有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。 本文通过 Date 对象的...
每个选项可能关联一个特定的颜色值,这些值将被JavaScript获取并用于改变CSS中的背景色。 jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在本项目中,`jquery-1.11.0.min....
JavaScript 手机摇一摇功能是移动应用中常见的一种互动元素,常用于游戏、抽奖活动或者音乐播放等场景。在JavaScript中实现手机摇一摇功能,主要依赖于HTML5的Device Motion API,这个API可以获取到设备的运动数据,...
3. **JavaScript 初始化**:在JavaScript中,创建一个数组存储所有要切换的图片和对应的背景颜色。然后,设定一个定时器或事件监听器来触发切换。 4. **切换逻辑**:每次切换时,更新容器的`background-image`和`...
这个"JS代码写的图片切换代码"是一个基于JavaScript实现的图片轮播功能,旨在为网页提供美观且实用的图片展示体验。下面我们将深入探讨这个功能的工作原理、涉及的技术以及如何运用。 首先,`index.htm`是网页的主...
使用简单的js来实现网页背景色彩虹色渐变,不是切换,是一直循环变色
网页背景图片是网页设计中的一个重要元素,它可以增强网站的视觉吸引力,为用户提供更舒适的浏览体验。在HTML和CSS中,我们可以使用多种方法来改变网页的背景图片。本压缩包"改变网页背景图片代码.rar"中可能包含了...
本资源提供了一种实现“网站常用手机动态、第三方登录、二维码登录方式切换”的JavaScript特效代码。以下是对这些登录方式及其切换效果的详细解释: 1. **手机动态登录**: 手机动态登录通常指的是通过手机号码...
下面将详细讲解如何在Android应用中实现摇一摇功能以及随机切换背景图片。 1. **加速度传感器介绍** - Android系统通过SensorManager服务提供了对硬件传感器的访问。加速度传感器是Android设备中常见的一种,用于...
在Android平台上,实现“摇一摇切换音乐”的功能是一项有趣且实用的技术应用。这个项目主要利用了设备的加速度传感器来检测用户晃动手机的动作,然后根据预设的逻辑来切换音乐播放。以下是对这个项目及其相关知识点...
JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用中的动态内容控制,包括图片的切换效果。在"90个js图片切换代码"这个资源包中,很可能包含了多种不同的图片轮播或幻灯片展示的实现方式,这些都是...
【标题】"js鼠标滑过标签选项卡切换代码"是一个基于JavaScript实现的交互式网页设计元素,常用于网站导航或信息展示。这种效果允许用户通过鼠标悬停在不同的标签上,来切换显示不同的内容区域。在医院美容网站中,...
js代码 [removed] function switchbox(a) { a == 1 ? $(".slide.slide3 .arrowcontainer").show() : $(".slide.slide3 .... 这是一款简单实用的jQuery点击按钮切换网页背景图片代码,背景图片跟按钮风格随便换。
"Zepto.html"可能包含HTML结构,"css"可能包含了样式定义,"images"目录存储了待展示的图片,而"js"则包含实现滑动切换效果的JavaScript代码,可能使用了轻量级的JavaScript库Zepto,它是jQuery的一个替代品,专为...
jQuery无刷新换肤,实时切换四种网页背景代码,适时切换四种网页背景颜色。选择网页右上角的四个彩色小按钮,单击一下,网页会将背景色变换为小按钮的颜色,并标记按钮。本实例为想实现无刷新换肤的朋友提供一种思路...
在移动互联网盛行的时代,手机网页的设计与交互体验成为了开发者关注的重点。...在分享的压缩包文件"手机页面切换效果"中,可能包含了实现这一效果的HTML、CSS和JavaScript代码示例,供开发者参考和学习。
在这个"网页模板——vue.js实现的单排卡片滚动切换特效代码"中,我们主要会探讨如何利用Vue.js来创建一个具有动态滚动效果的卡片布局。这种效果常见于许多网站,尤其是展示产品或服务的页面,它能够提供一种优雅的...