<html> <head> <style> body {background:#444; } .rect {border:1px solid #94F;width:680px;height:680px; } .gridred { width:38px; height:38px; background:red; border:1px #555 solid; float:left } .gridgreen { width:38px; height:38px; background:green; border:1px #555 solid; float:left } .gridblue { width:38px; height:38px; background:blue; border:1px #555 solid; float:left } .st { width:100; height:40...
手工创建tomcat应用:1、在webapps下面新建应用目录文件夹2、在文件夹下创建或是从其他应用中复制:META-INF,WEB-INF这两个文件夹,其中META-INF清空里面,WEB-INF里面只保留web.xml,并清空webapp标签内全部内容因为tomcat应用必须要有这步的东西,而且格式还要一致3、现在可任意加网页文件或js,css文件,只要查对地址正确即可访问。 js读取本地文件内容:只有在服务端才可以读取本地内容,client方式无法获取。$.get("文件名.扩...
javascript中实现继承的几种方式1、借用构造函数实现继承function Parent1(){this.name = "parent1" } function Child1(){Parent1.call(this);this.type = "child1"; }缺点:Child1无法继承Parent1的原型对象,并没有真正的实现继承(部分继承)2、借用原型链实现继承function Parent2(){this.name = "parent2";this.play = [1,2,3]; } function Child2(){this.type = "child2"; } Child2.prototype = new Parent2();缺点:原型对象...
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>计算器</title><style>/*Basic reset*/ *{margin:0;padding:0;box-sizing: border-box;font: 14px Arial,sans-serif;} html{height:100%;background-color:lightslategrey;}#calculator{margin: 15px auto;width:330px;height:400px;border: 1px solid lightgray;background-color:darkgrey;padding:15px;}/*LOGO*/ .LOGO{height:20px;} .LOGO .name{float:le...
var arr = [10,8,6,9,1,7,1,13,5,1,9]; //冒泡排序function bubbleSort(tmpArr){for(var i = tmpArr.length-1; i > 0; i--){for(var j=0; j<i; j++){if(tmpArr[j] > tmpArr[j+1]){swap(j,j+1);}}} }function swap(a,b){var tmp = arr[a];arr[a] = arr[b];arr[b] = tmp; }bubbleSort(arr); console.log(arr); 原文:https://www.cnblogs.com/ooo888ooo/p/11402559.html
一提到文字上下滚动,我们就会想到用不同的程序去实现,而且页面中有文字滚动会增加这个网页的互动和可信度。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 ...
javaScript代码:var minScale=.3;var maxScale=1;var minSpeed=.01;var maxSpeed=.08;var wind=3;var numFlakes=500;var context;var snowflakeImage= new Image();var snowflakes=[];window.onload = function () { context = document.getElementById("canvas").getContext("2d"); snowflakeImage.src="https://dl.dropboxusercontent.com/u/1256960/ Research/JS/Snowman/snowflake.png"; snowflakeImage.onload=start; on...
注意:以下的输出都在浏览器的控制台中<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>闭包</title> </head> <body> <script type="text/javascript"> /*** 利用闭包实现* 这个函数给对象o增加了属性存储器方法* 方法名称为get<name>和set<name>。如果提供了一个判断函数* setter方法就会用它来检测参数的合法性,然后再存储它* 如果判定函数返回false,setter方法就会抛出一个异常** 这个函数具有getter和setter函数*...
1. 对象冒充 对象冒失是在函数环境中使用this关键字后发展出来的一种继承方式。其原理如下:构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可使ClassA的构造函数成为ClassB的方法,然后调用它。ClassB就会收到ClassA的构造函数中定义的属性和方法。例如,用下面的方式定义ClassA和ClassB: function ClassA (sColor) { this.color = sColor; ...
原文链接: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...
一、HTML代码<!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>Scroll Text</title><link rel="stylesheet" type="text/css" href="scrollText.css"></head> <body><div class="news_root"><div class="news_header">H...
自已做的,本来想在网上找前辈们做的,可是总找不到这种例子,要么找出来的太复杂,要么就没法用,索性自己写了一个.看看还可以用!贡献出来,估计和我一样的菜鸟用的着!<html><style>body{ font-size:9pt;} table,th,td{font-size:9pt;}.lsitTalbe{table-layout:fixed;width:30%;border-collapse:collapse;border-color:#507010;color:#003300;}.pageda{font-family:Webdings;font-size:12pt;color:#CCCCCC;cursor:default;}.pageu...
前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承。开宗明义,继承是指在原有对象的基础上,略作修改,得到一个新的对象。javascript主要包括类式继承、原型继承和拷贝继承这三种继承方式。本文是javascript面向对象系列第三篇——实现继承的3种形式 类式继承 大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,如new和instanceof。...
//Author: default7<default7#zbphp.com> function initCopy($o) {var text = $o.html();if (text) {$o.attr('title', '点击复制 ' + text);new ZeroClipboard($o).on("copy", function (event) {var clipboard = event.clipboardData;clipboard.setData("text/plain", text);alert('复制成功' + text);});} }ZeroClipboard.config({ moviePath: '/Public/zeroclipboard/dist/ZeroClipboard.swf' }); $('span.key').each(function ...
1、该功能只适用于需要页面自动撑满或缩小到可见区域,并且只对单个主体改变高度的需求。var ResetControl = function (pTask) {var _task = pTask || [],_isLock = false, bindEvent = function(){var me = this;$(window).bind(‘resize.reset‘, function (event) {fire.call(me);if (_task.length === 0) {$(window).unbind(‘resize.reset‘, arguments.callee);}});}, fire = function () {//当前页面可见高度var...