运动框架:先要清除定时器,防止多次点击或者移入移出时,开启多个定时器,元素的运动会是所有定时器中运动的总和当达到目的时,要清除定时器(使用if/else 实现)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</tit...
加载中,请等待div: <div id="load" class="center-in-center" style="display:none;"> <img src="../resources/images/loader.gif" />加载中,请等待...
</div>确定重置按钮:<div class="form-group row"><div class="conf" style="float: left" onclick="conf()" id="conf">确定</div><div class="reset" style="float: left" onclick="reset()" id="reset">重置</div></div>加载中,请等待效果图的CSS样式,设置其至页面中央:...
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test</title><script src="jquery.1.11.0.min.js"></script><script type="text/javascript">$(function () {settime_show();$(‘#btn‘).click(function () {});});function settime_show() {setTimeout(show, 2000);}function show() {$(‘.bg‘).show();$(‘.show‘).fadeIn(‘slow‘)//$(‘.show‘).show(‘slow‘); setTimeout(hide, 4000);//$(‘.show...
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Untitled 1</title><style type="text/css">
.style1 { font-size: x-small;}</style><script type="text/javascript">/**画点
*/function makedot(x, y){ pointDi...
javax.swing.Timer类在创建时需要指定时间间隔和定时器到时间需要执行的动作,即ActionListener。1 Timer timer = new Timer(100, taskPerformer);
2 timer.start(); 动画效果需要有连续的图画作为动作的播出效果,然后利用index = (index +
1)%imageCounts;来实现循环播放的效果。例如,1private ActionListener taskPerformer = new ActionListener() {
2 @Override
3publicvoid actionPerformed(ActionEvent e) {
4 ...
鼠标移上去透明度渐渐增加,鼠标移出,透明度渐渐减小。关键代码:咸宁市中心小学view source print?1varspeed = 0;2if(target>obj.alpha){3 speed = 5;4}else{5 speed = -5;6}根据目标值和当时值的对比,来决定是正向还是负向速度。view source print?01for(i=0; i < runs_li.length; i++){02 runs_li[i].timer = null;03 runs_li[i].alpha = 30;04 runs_li[i].onmouseover = function(){05 startrun(this,...
Javascript动画效果(四)前面我们自己写了一个小小的关于js动画的插件,下面我们来使用之前的框架来完成我们想要的动画效果。我们经常在淘宝网中看到,鼠标经过某一图片时,该图片有从上滚出而又从下滚入的效果,那么那种效果是如何实现的呢?首先我们我们完成该效果的html和css代码,代码如下:html部分代码:
<div id="move"><a href="#"><i><img src="images/1.jpg"/></i><p>彩票</p></a><a href="#"><i><img src="images/2.jpg...
很多人都说在JAVA中用final来修饰方法参数的原因是防止方法参数在调用时被篡改,其实也就是这个原因,但理解起来可能会有歧义,我们需要注意的是,在final修饰的方法参数中,如果修饰的是基本类型,那么在这个方法的内部,基本类型的值是不能够改变的,但是如果修饰的是引用类型的变量,那么就需要注意了,引用类型变量所指的引用是不能够改变的,但是引用类型变量的值是可以改变的。 如下面的代码:package com.jd.test;public...
首先是将分页所需的一些个资源 ,抽象出一个javabean对象—PageBean:先把需要分页的数据或是记录都查询出来 存入一个集合类里如List或是Vector,然后利用其sublist(int findex,int eindex)方法,获取需要分页的数据或记录 1publicclass PageBean { 2privateint curPage; //当前页 3privateint pageCount; //总页数 4privateint rowsCount; //总行数 5privateint pageSize=10; //每...
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>javascript 一个页面多个tab选项卡效果</title> <script> var tab=function(id,event){ var oDiv=document.getElementById(id); var oBtn=oDiv.getElementsByTagName("li"); var oBox=oDiv.getElementsByTagName("div"); for(var i=0;i<oBtn.length;i++){ (function(index){ oBtn[i].addEventListener(event,function(){ for...
上次我们提到,不使用left-loin关联查询,可能是为了提高效率或者配置缓存,也可以简化一下sql语句的编写。只写单表查询,sql真得太简单了。问题是,查询多个表的数据还是非常需要的。 因此,存在这么一个强烈的需求:查询2个集合,怎么合并2个集合中的数据为1个集合,且数据关联要正确。在实践中,我提炼了如下流程和工具方法:流程 先查询第1个集合,根据第1个集合的结果,查询第2个集合,合并2个集合 public PageVo listPage(...
一提到文字上下滚动,我们就会想到用不同的程序去实现,而且页面中有文字滚动会增加这个网页的互动和可信度。1.Js最简单的方法是控制盒子的高度,使不断的重复添加<html><body><head>
/**scroll css**/
#scrolldiv{height: 400px;overflow: hidden;}
</head><div id="scrolldiv" class="scroll"><ul id="scroll1"><li>用户130****0834 刚刚 砸中<span class="yellow">500元京东卡</span> 正在兑换中</li><li>用户176****2746 ...
上文已经讲input[type=radio]的做法发布,在我做input[input=checkbox]时候,觉得会和radio做法差不多,结果是有相似之后,但也有很大不同。不同点有1)checkbox自带冒泡和捕获事件,结果就是点击一下包裹checkbox的label会发生两次事件,也就是checkbox选中了,然后又不选中了,所以在对label绑定事件时候,需要停止冒泡2)选中chekbox需要使用chekbox自带的checked属性,设置该属性的选中和被选中状态,这个与radio一致代码如下 ...
原文链接:http://www.jb51.net/article/79083.htm<html><head><meta charset="gb2312"><title>隐藏和显示</title><style type="text/css">
#thediv
{width:200px;height:100px;line-height:100px;text-align:center;background-color:green;}</style><script type="text/javascript">function Show_Hidden(obj)
{if(obj.style.display=="block"){obj.style.display=‘none‘;}else{obj.style.display=‘block‘;}
}
window.onload...
javaScript实现微博发布面板效果.采用的js知识有:正则表达式区分中英文字节、随机数生成等函数淡入淡出、缓冲运动。闪动等动画函数onfocus、onblur、oninput、onpropertychange等事件动态添加元素,获取设置动态属性基本思路:当内容为空时,发布按钮为灰色,点击时候文本框会闪动,输入文字会提示还可以输入多少文字,超出会提示,且不能发布,要注意的是,判断文本框内容的长度,不能直接来,因为英文属于一个字节,中文占两个,...